Jump to content
  • 0

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


Pomidoroff
 Share

Question

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

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

[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]

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy