Переключить атрибут src изображения с помощью Javascript
Я пытаюсь изменить изображение HTMLsrc
используя Javascript. У меня есть два изображения Plus.gif и Minus.gif. Я вставил HTMLimg
тег и написал функцию Javascript, чтобы изменить изображениеsrc
при нажатии.
Проблема в том, что я хочу изменить его снова, когда пользователь нажимает на изображение.
Например, когда страница загруженаPlus.gif
показывает, и когда пользователь нажимает на изображение, оно меняется наMinus.gif
.
Я так хочу, когда изображениеMinus.gif
и пользователь нажимает на него, это должно быть изменено наPlus.gif
.
Вот моя функция Javascript:
<script language="javascript" type="text/javascript">
function chngimg() {
var img = document.getElementById('imgplus').src; //= 'Images/Minus.gif';
if (img) {
document.getElementById('imgplus').src = 'Images/Minus.gif';
} else if (!img) {
document.getElementById('imgplus').src = 'Images/Plus.gif';
alert(img);
}
}
</script>
Тег изображения:
<img id="imgplus" alt="" src="Images/Plus.gif" onmouseover="this.style.cursor='pointer'" onclick="chngimg()" />