JavaScript - смена картинок при клике на ссылку

по событий onclick менять src нужной картинки.

вот такое вполне может вам подойти: http://api.jquery.com/fadeIn/

А если нужно сделать примерно так: как тут. Что может посоветовать, а то я совсем не буб бум в JS. Заранее благодарен!

При клике на картинку будут меняться местами pict1.gif и pict2.gif

Если вы хотите, чтобы картинки менялись после отметки чекбокса, повесьте событие onclick="imgchange()" на него.

<img src="pict1.gif" onclick="imgchange()" id="myimg" />



<script type="text/javascript">

var flag=false;

function imgchange(){

     if (flag) 

         document.all.myimg.src = "pict1.gif";

    else 

         document.all.myimg.src = "pict2.gif";

    flag=!flag;

}

</script>

у меня не работает 😂

<img src="pict1.gif" onclick="imgchange()" id="myimg" />



<script type="text/javascript">

var flag=false;

function imgchange(){

     if (flag) 

         document.all.myimg.src = "pict1.gif";

    else 

         document.all.myimg.src = "pict2.gif";

    flag=!flag;

}

</script>

Спасибо! А вот еще вопрос, как сделать тоже самое только при нажатии на ссылку а не на изображение?

P.S. Сайт на WP, ваш вариант почему то не работает)))

http://jsfiddle.net/abarykin/waGdZ/

Спасибо! Но я извиняюсь за глупый вопрос, вот переменные $moon и $sun они куда прописываться должны в блок php или JS, а то у меня что то не получается, в ссылке которую вы скинули все ок, а у меня на сайт не выходит вставить:(

Заранее огромное спасибо!

1. При чем тут php?

2. jQuery надо подключить

Прошу прощения за предыдущий пост, немного не углядел нюансы))) Все получилось, но возникла другая проблема...У меня на сайте теперь все изображения меняются но нажатию на ссылку "Ночь". Любая картинка которая реализована через <img>, они все начинают меняться на эти две картинки("День", "Ночь"). Подскажите как это исправить. Спасибо!