Смена картинки в зависимости от времени суток!

[Tommy]

Всем доброго времени суток!

Прошу помочь с этим делом. Не раз видел, что шапка форума меняется в зависимости от времени суток. Например, если это какой-то город, то днём картинка этого города дневная, а ночью картинка города ночная.
Как сделать чтобы она менялась при каждом обновлении страницы, я понял. Но вот чтобы в зависимости от времени не нашёл.

[Fox-Alice]

Вот в этот скрипт https://help.forum2x2.ru/forum-f13/tema-t1475.htm попробуйте переписать.

[Sunnyta]

Всем доброго времени суток!

Прошу помочь с этим делом. Не раз видел, что шапка форума меняется в зависимости от времени суток. Например, если это какой-то город, то днём картинка этого города дневная, а ночью картинка города ночная.

Это если виджет сделать шапкой .... а по-другому только в бб2 можно

[Изобретатель]

Как сделать чтобы она менялась при каждом обновлении страницы, я понял.

Ссылочку дайте, я тоже такое хочу.
_____________________________________________________________

В "уловках и хитростях" по моему что то было.

[Tommy]

Вот этот скрипт:
https://help.forum2x2.ru/forum-f13/tema-t5629.htm

[Fox-Alice]

Вот в этот скрипт https://help.forum2x2.ru/forum-f13/tema-t1475.htm попробуйте переписать.

Переписала. В зависимости от времени суток меняются картинка + текст.
Текст можно выкинуть, но тогда желательно в alt вписать альтернативный текст, который будет отображаться в случае, если картинка не загрузится:

Код:

<script type="text/javascript" language="Javascript">//<![CDATA[
document.write('<span id="greeting"></span>')
day = new Date(); hour = day.getHours();
if (hour>=5 && hour<12) document.getElementById("greeting").innerHTML ='Доброе утро <img src="http://foxlodge.forum2x2.ru/users/2811/11/77/95/album/icon_b10.gif" alt="" />'; else { if (hour>=12 && hour<18) document.getElementById("greeting").innerHTML ='Добрый день <img src="http://foxlodge.forum2x2.ru/users/2811/11/77/95/album/icon_b10.gif" alt="" />'; else { if (hour>=18 && hour<24) document.getElementById("greeting").innerHTML ='Добрый вечер <img src="http://foxlodge.forum2x2.ru/users/2811/11/77/95/album/icon_b10.gif" alt="" />'; else { if (hour>=0 && hour<5) greeting = document.getElementById("greeting").innerHTML ='Доброй ночи <img src="http://foxlodge.forum2x2.ru/users/2811/11/77/95/album/icon_b10.gif" alt="" />'; } } }  ; //]]></script>


[Fox-Alice]

А вот так будет еще краше и правильней:
html;

Код:

<div style="text-align: center; color: White; font-size: 12px; font-weight: bold; font-family: Arial;">

<script type="text/javascript" language="Javascript">//<![CDATA[
document.write('<span id="greetingImg"></span>')
document.write('<span id="greetingText"></span>')

day = new Date(); hour = day.getHours();
if (hour>=5 && hour<12) {document.getElementById("greetingImg").innerHTML ='<img src="http://www.foxlodge.org/users/2811/11/77/95/album/dydy_n10.gif" alt="" />';
document.getElementById("greetingText").innerHTML ='Доброе утро';  }

else if (hour>=12 && hour<18)
{document.getElementById("greetingImg").innerHTML ='<img src="http://www.foxlodge.org/users/2811/11/77/95/album/dydy_d11.gif" alt="" />';
document.getElementById("greetingText").innerHTML ='Добрый день';  }

else if (hour>=18 && hour<24)
{document.getElementById("greetingImg").innerHTML ='<img src="http://www.foxlodge.org/users/2811/11/77/95/album/dydy_d10.gif" alt="" />';
document.getElementById("greetingText").innerHTML ='Добрый вечер';  }

else  if (hour>=0 && hour<5) 
{document.getElementById("greetingImg").innerHTML ='<img src="http://www.foxlodge.org/users/2811/11/77/95/album/dydy_d12.gif" alt="" />';
document.getElementById("greetingText").innerHTML ='Доброй ночи';}  ;


 //]]></script></div>

css:

Код:

#greetingText{
bottom: 17px;
position: relative;
z-index: 2;
}
#greetingImg{
z-index: 1;
}

В этом случае текст наложится на картинку...

Если не будет глючить редактор html , то можно еще добавить после слов "Доброе утро", "Добрый день", "Добрый вечер", "Доброй ночи" в html-код

Код:

,{USERNAME}

тогда форум будет обращаться к посетителю по имени...