Digidie

Сделал 1 вариант как и написано

<img id="#on_off" style="margin-top: -15px;" src="<?php bloginfo("template_url"); ?>/images/2.png" />

<script type="text/javascript">



//картинка солнца

$sun = '<?php bloginfo("template_url"); ?>/images/2.png';

//каринка луны

$moon = '<?php bloginfo("template_url"); ?>/images/1.png';



$('a#switch').click(function() {

    if ($(this).html() == 'Выключить свет') {

        $('#on_off').attr('src', $moon);

        $(this).html('Включить свет');

    }

    else{

        $('').attr('src', $sun);

        $(this).html('Выключить свет');        

       }

    event.stopPropagation();

});​

</script>	

В опере по прежнему меняет все картинки, в других браузерах вообще не реагирует:( Второй день сижу, не могу понять почему так(((

<div class="images">
<a style="float:left; position: absolute; margin-top: 360px; margin-left: 565px; color: #fff; font-weight: bold;" href="#" id="switch">Выключить свет</a>
<br />
<img style="margin-top: -15px;" src="<?php bloginfo("template_url"); ?>/images/2.png" />

<script type="text/javascript">

//картинка солнца
$sun = '<?php bloginfo("template_url"); ?>/images/2.png';
//каринка луны
$moon = '<?php bloginfo("template_url"); ?>/images/1.png';

$('a#switch').click(function() {
    if ($(this).html() == 'Выключить свет') {
        $('img').attr('src', $moon);
        $(this).html('Включить свет');
    }
    else{
        $('img').attr('src', $sun);
        $(this).html('Выключить свет');        
       }
    event.stopPropagation();
});​
</script>	
</div>

Вот сайт тут, там есть включить выключить свет. Он только в опере работает, и то криво, если нетрудно посмотрите. В других браузерах вообще не работает(((

Ребят, помогите исправить ситуацию, очень нужно.

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

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

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

<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, ваш вариант почему то не работает)))

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

Спасибо конечно, но остановлюсь наверно на 3 разных виджетах. Но сказать честно, настрой пропал окончательно)))

Mad_Man

На WP второй))) Просто опыта пока маловато. Не во всех ситуациях еще побывал)

SeVlad

Я понял, спасибо. Но хотелось бы уточнить один момент. Меняющаяся инфа как минимум в 3 блоках. Вот допустим вставлю я код для вывода страниц во все 3 блока. Но ведь будет во всех 3 блоках выводится одна и таже инфа. Как тут быть. Поподробнее пожалуйста объясните.