Замена картинок от времени суток

Pomidoroff · November 3, 2010

Нужно чтобы некоторые картинки менялись в зависимости от времени суток. днём - одна, ночью- другая.

вот такой код:

[i]<body class="img">
<div id="header">
 	<div id="head"> <a href="index.shtml"><img src="images/knopf/head.png" width="300" height="70" border="0" align="left" alt="andrey_logvin" /></a>

	  <div id="kontakt"> 
	<a href="ubermich.shtml"><img src="images/knopf/ich_bin24.png" width="24" height="24" border="0" alt="uber_mich" /></a> 
	<a href="kontakt.shtml"><img src="images/knopf/post24.png" width="24" height="24" border="0" alt="post" /></a>[/i]

Тут три картинки и их нвдо менять.

Подскажите как это можно зделать?

зы. в сети нашёл такой скрипт, но как применить его к своему коду - незнаю.

[i]<script type="text/javascript">
date = new Date();
a = date.getHours();
if (a > 7 && a < 21) {
document.write('<img src="http://путь к папке с шапками/logo.gif" border="0" />');
} else {document.write('<img src="http://путь к папке с шапками/logo2.gif" border="0" />');}
</script>[/i]

ekosyakin · November 5, 2010

Правильнее делать это на сервере, а не скриптами.

То, что Вы назвали "скриптом" - работать не будет.

deadrash · November 5, 2010

Делать нужно на сервере через php скрипт. У вас php на сервере включён?

XprogeR · November 5, 2010

Можно сделать как на сервере через скрипт, так и на стороне клиента.

Вариант на сервере более верный так как работать будет не зависимо от нюансов браузера, но имеет свой минус картинка измениться только при следующем обновлении страницы.

Я бы посоветовал оба вариант, на сервере проверять время и в зависимости от последнего парсить документ и подставлять другое значение в бекграунд. Так и вариант у клиент, просто при помощи JS проверять текущее время, для этого нужно будет использовать функцию setInterval(); и функции для работы со временем.

Sign In

Замена картинок от времени суток

Question

Pomidoroff

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

ekosyakin

Link to comment

Share on other sites

deadrash

Link to comment

Share on other sites

XprogeR

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information