Изменение IMG SRC с JavaScript
Эти палата общин, Регистрирующая обзор , приводит причину для ее существования: регистрация из кодекса библиотеки, когда Вы не имеете никакого контроля над базовой платформой журналирования. Очень важный для различных апачских проектов, которые будут связаны во внешние заявления. Возможно, не настолько важный для внутренних проектов IT, где Вы имеете полный контроль.
Тем не менее я пишу Регистрации палаты общин, также, как и многие из других разработчиков, которых я знаю. Причина состоит в том, чтобы минимизировать умственный багаж: Вы можете изменить проекты или рабочие места, и не иметь, чтобы учиться, новая структура (обеспечил, новая работа/проект также использует CL, и/или Вы можете убедить их двигаться в него).
кроме того, есть некоторая стоимость к созданию Ваших собственных оберток вокруг любой структуры, которую Вы используете. Как описано здесь , мне нравится использовать объект LogWrapper обеспечить обычай stringification (важный), и минимизировать визуальный беспорядок регистрирующихся (менее важных) отчетов.
3 ответа
Я думаю, что он переворачивается, потому что ваша страница перезагружается.
Вам нужно вернуть false из вашего onclick =, если вы не хотите, чтобы значение href = активировалось после вашего onclick.
Также на всякий случай можно установить href = "#". # никуда не идет (страница не перезагружается)
Я думаю, что ваша страница обновляется при нажатии, измените свои ссылки как:
<a href="" onclick="FirstPic(); return false;"><img src="replacement1.jpg" name="pic1"></a>
<a href="" onclick="SecPic(); return false;"><img src="replacement2.jpg" name="pic2"></a>
Почему бы не сделать что-то подобное (синтаксис не проверен полностью, так что может быть неисправен.
function FirstPic()
{
var pic1 = document.getElementById("pic1");
if (pic1 == typeof('undefined')) return;
pic1.src = "newpicname.jpg";
}
Убедитесь, что вы присвоили тегам атрибут ID с именем pic1 и pic2 (вместо атрибута name), а самому изображению - атрибут onclick ...
<img onclick='FirstPic()' id='pic1' src='image1.jpg' />