Отправляет email-рассылки с помощью сервиса Sendsay

ЯcReated"s blog интересное о seo, html, css, joomla

Подписаться Бесплатная новостная рассылка Подписчиков 5 RSS
←   Ноябрь 2010   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
23.11.2010
13:18:22
16:53:31
24
25
26
26.11.2010
12:06:29
14:11:54
27
28
29
30


За последние 60 дней ни разу не выходила


Сайт рассылки: http://rcreated.com/blog
Открыта: 17-04-2010

Автор
tallib

Статистика

5 подписчиков
0 за неделю
←   Все выпуски   →

ЯcReated"s blog интересное о seo, html, css, joomla Смена картинок по заданному времени


Хочешь знать что происходит на блоге подпишись на RSS.
Также буду благодарен за ретвит —->

Смена картинок по заданному времени

Здравствуйте дорогие друзья. Хочу представить вашему вниманию информацию как сделать смену картинок в определенно заданное вами время. Например: Утром картинка восходящего солнца, в обед она заменяется на солнце в зените, вечером на закат, а ночью заменяется на луну. А что б сделать смену картинок, нам понадобится небольшой скрипт, в котором и задается время и на что заменить картинку. Так как я сам не сильно разбираюсь в скриптах на java, то мне в этом помогли, а я в свою очередь хочу поделится с вами этим скриптом.

Первым делом что нужно сделать так это подготовить все картинки, которые должны заменять друг друга. Я думаю понятно, что картинки должны быть похожи по смыслу и дизайну, что б не портить внешний вид сайта.

Второе что нужно сделать это определить временные рамки смены картинок. Например: с 7.00 – 12.00 одна картинка, 12.00-20.00 другая и 20.00-24.00 + 0.00 – 7.00 третья. Замете как я указал время для третьей картинки, данное условие должно точно соблюдаться.

Смена картинок по заданному времени

А теперь приведу пример использования скрипта смены картинок. Он не сложен, так что подправить под себя я думаю вам будет не сложно.

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

day = new Date(); hour = day.getHours();
if (hour>=7 && hour<12) {document.getElementById("Img").innerHTML ='<img src="http://site.ru/utro.gif" alt="" />'; }

else if (hour>=12 && hour<19)
{document.getElementById("Img").innerHTML ='<img src="http://site.ru/den.gif" alt="" />'; }

else if (hour>=19 && hour<24)
{document.getElementById("Img").innerHTML ='<img src="http://site.ru/ve4er.gif" alt="" />'; }

else if (hour>=0 && hour<7)
{document.getElementById("greetingImg").innerHTML ='<img src="http://site.ru/no4.gif" alt="" />'; } ;

//]]></script>

Вот и все. Как вы видите красным я выделил вывод изображения и адрес к картинкам что будут заменятся. Если вам нужно кроме смены картинки заменить вместе с ней еще и кусочек кода, тогда смело вписывайте его к пути изображения и помните никаких пробелов не должно быть в коде, а если хотите разделить все таки, тогда ставите символ пробела &nbsp;. На этом пост Смена картинок по заданному времени заканчиваю. До новых встреч и спасибо за внимание.

Яcreateds blog

Получать обновления ЯcReateds blog:

Здесь можно оставить свои комментарии. Выпуск опубликован при помощи плагина subscribe.ru and blogspot.com cross poster
В избранное