Замена картинок - SEO форум MaulTalk.com

Замена картинок

Опции

Pomidoroff

Topic Starter сообщение

3.11.2010, 3:15; Ответить: Pomidoroff

Сообщение #1

0

Группа: User
Сообщений: 15
Регистрация: 3.11.2010
Поблагодарили: 0 раз
Репутация:

0

мой сайт - http://logvin.de/
Идя такая что небо (верхняя голубая полоска) меняется в зависимости от времени. Этот вопрос я решил не совсем изящьно но если кто сможет поправить - буду рад.

Вопрос в другом. Когда на сервере"ночь" логотип и иконки невидно. Как можно сделать чтобы картинки менялись в зависимости от времени сервера. На примере сверху я пытался придать переменной "y" адрес картинки но ничего не вышло.
строка с адресом выгледела так:
<a href="ubermich.shtml"><img src="y" width="24" height="24" border="0" alt="uber_mich" /></a>

0

Ответить с цитированием данного сообщения

Salikhoff_hb Salikhoff_hb 3.11.2010, 7:13; Сообщений: 1207 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	3.11.2010, 7:13; Ответить: Salikhoff_hb Сообщение #2
0 Группа: User Сообщений: 1207 Регистрация: 27.4.2010 Поблагодарили: 0 раз Репутация: 0	загуглить слабо? в инете примеров много, запрос "картинка на сайте меняется в зависимости от времени суток":goodpost:

ZhukV ZhukV 3.11.2010, 9:50; Сообщений: 1837 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	3.11.2010, 9:50; Ответить: ZhukV Сообщение #3
0 Группа: User Сообщений: 1837 Регистрация: 19.12.2009 Поблагодарили: 0 раз Репутация: 0	1. использовать такой дваскрипт как то не очень корректно. 2. намного лучше использовать PHP Вот пример: Пример 1. Для каждого часа своя картинка. [PHP] $IMG = array( 0 => "0.jpg", 1 => "1.jpg", 2 => "3.jpg" /* И так далее на все время сутки / ); $hour = date("H");//Узнали, который час echo "<div style=\"background:url('images/{$IMG[$hour]}')\"></div>" [/PHP] Но все же лучше использовать Switch, как в дваскипте, так и ПХП [PHP] $hour = date("H"); switch($hour){ case 0: $back = "0.jpg"; break; case 1: $back = "1.jpg"; breack; /........*/ deafult: $back = "default.jpg"; } [/PHP]

Licoric Licoric 3.11.2010, 11:04; Сообщений: 5309 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	3.11.2010, 11:04; Ответить: Licoric Сообщение #4
0 Группа: User Сообщений: 5309 Регистрация: 15.11.2008 Поблагодарили: 0 раз Репутация: 0	Если нужно всего 2-3 картинки, то может быть проще будет [PHP]if (date ('H') > $hour_x) { echo "<img>";}[/PHP] ???

Letmetouchyou Letmetouchyou 3.11.2010, 13:00; Сообщений: 2788 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	3.11.2010, 13:00; Ответить: Letmetouchyou Сообщение #5
0 Группа: User Сообщений: 2788 Регистрация: 2.4.2009 Поблагодарили: 0 раз Репутация: 0	(Pomidoroff @ 3.11.2010, 05:15) if (date.getHours()>=0 && date.getHours()<1) document.getElementById('x').style.background='url(images/knopf/background/background_00.png)'; if (date.getHours()>=1 && date.getHours()<2) document.getElementById('x').style.background='url(images/knopf/background/background_01.png)'; if (date.getHours()>=2 && date.getHours()<3) document.getElementById('x').style.background='url(images/knopf/background/background_02.png)'; if (date.getHours()>=3 && date.getHours()<4) document.getElementById('x').style.background='url(images/knopf/background/background_03.png)'; if (date.getHours()>=4 && date.getHours()<5) document.getElementById('x').style.background='url(images/knopf/background/background_04.png)'; if (date.getHours()>=5 && date.getHours()<6) document.getElementById('x').style.background='url(images/knopf/background/background_05.png)'; if (date.getHours()>=6 && date.getHours()<7) document.getElementById('x').style.background='url(images/knopf/background/background_06.png)'; if (date.getHours()>=7 && date.getHours()<8) document.getElementById('x').style.background='url(images/knopf/background/background_07.png)'; if (date.getHours()>=8 && date.getHours()<9) document.getElementById('x').style.background='url(images/knopf/background/background_08.png)'; if (date.getHours()>=9 && date.getHours()<10) document.getElementById('x').style.background='url(images/knopf/background/background_09.png)'; if (date.getHours()>=10 && date.getHours()<11) document.getElementById('x').style.background='url(images/knopf/background/background_10.png)'; if (date.getHours()>=11 && date.getHours()<12) document.getElementById('x').style.background='url(images/knopf/background/background_11.png)'; if (date.getHours()>=12 && date.getHours()<13) document.getElementById('x').style.background='url(images/knopf/background/background_12.png)'; if (date.getHours()>=13 && date.getHours()<14) document.getElementById('x').style.background='url(images/knopf/background/background_13.png)'; if (date.getHours()>=14 && date.getHours()<15) document.getElementById('x').style.background='url(images/knopf/background/background_14.png)'; if (date.getHours()>=15 && date.getHours()<16) document.getElementById('x').style.background='url(images/knopf/background/background_15.png)'; if (date.getHours()>=16 && date.getHours()<17) document.getElementById('x').style.background='url(images/knopf/background/background_16.png)'; if (date.getHours()>=17 && date.getHours()<18) document.getElementById('x').style.background='url(images/knopf/background/background_17.png)'; if (date.getHours()>=18 && date.getHours()<19) document.getElementById('x').style.background='url(images/knopf/background/background_18.png)'; if (date.getHours()>=19 && date.getHours()<20) document.getElementById('x').style.background='url(images/knopf/background/background_19.png)'; if (date.getHours()>=20 && date.getHours()<21) document.getElementById('x').style.background='url(images/knopf/background/background_20.png)'; if (date.getHours()>=21 && date.getHours()<22) document.getElementById('x').style.background='url(images/knopf/background/background_21.png)'; if (date.getHours()>=22&& date.getHours()<23) document.getElementById('x').style.background='url(images/knopf/background/background_22.png)'; if (date.getHours()>=23 && date.getHours()<24) document.getElementById('x').style.background='url(images/knopf/background/background_23.png)'; if (date.getHours()>=7 && date.getHours()<20) document.getElementById('y')='images/knopf/ich_bin24_hell.png'; if (date.getHours()>=20 && date.getHours()<24) document.getElementById('y')='images/knopf/ich_bin24_hell.png'; if (date.getHours()>=0 && date.getHours()<7) document.getElementById('y')='images/knopf/ich_bin24_hell.png'; ето жолжно войти в коллекцию :evrika:

Pomidoroff Topic Starter PomidoroffTopic Starter 3.11.2010, 13:50; Сообщений: 15 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 3.11.2010, 13:50; Ответить: Pomidoroff Сообщение #6
0 Группа: User Сообщений: 15 Регистрация: 3.11.2010 Поблагодарили: 0 раз Репутация: 0	Спасибо за код - сейчас попробую ) Эту часть нужно в Head вставлят? $IMG = array( 0 => "0.jpg", 1 => "1.jpg", 2 => "3.jpg" /* И так далее на все время сутки */ ); $hour = date("H");//Узнали, который час а эту в body?: echo "<div style=\"background:url('images/{$IMG[$hour]}')\"></div>" я правельно понял?... или в css вставлять?... извените, я неочень разбераюсь в сайтостроении (

zidan zidan 3.11.2010, 13:57; Сообщений: 494 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	3.11.2010, 13:57; Ответить: zidan Сообщение #7
0 Группа: User Сообщений: 494 Регистрация: 19.10.2010 Поблагодарили: 0 раз Репутация: 0	На js, я бы сделал так: Ставим таймер (SetTimeout('MyFunction', 60000)) для изменения неба, например, каждую минуту. Довольно эффектно будет - человек открыл сайт, отошёл на некоторое время, пришёл, а у него закат уже.) Использовать в данном случае кучу картинок - очень некрасиво. Делаем одну белую png с прозрачностью к верху, а раз в минуту меняем цвет фона, на котором она находится (цвета не храним в массиве, а делаем функцию, определяющую цвет по времени суток). Можно ещё движение солнца замутить, но это уже для маньяков.)

Letmetouchyou Letmetouchyou 3.11.2010, 14:01; Сообщений: 2788 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	3.11.2010, 14:01; Ответить: Letmetouchyou Сообщение #8
0 Группа: User Сообщений: 2788 Регистрация: 2.4.2009 Поблагодарили: 0 раз Репутация: 0	(zidan @ 3.11.2010, 15:57) Можно ещё движение солнца замутить, ето как раз раздражать будет 8) а плавная смена фона было бы круто )

ZhukV ZhukV 3.11.2010, 14:03; Сообщений: 1837 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	3.11.2010, 14:03; Ответить: ZhukV Сообщение #9
0 Группа: User Сообщений: 1837 Регистрация: 19.12.2009 Поблагодарили: 0 раз Репутация: 0	В начале документа: [PHP] $IMG = array( 0 => "0.jpg", 1 => "1.jpg", 2 => "3.jpg" /* И так далее на все время сутки */ ); $hour = date("H");//Узнали, который час [/PHP] Далее в хеад: <style type="text/css"> #head{ background:url('images/<?=$IMG[$hour]?>'); } </style> В боди: <div id="head"><!-- Не забудь прописать ширину и высоту --></div>

Pomidoroff Topic Starter PomidoroffTopic Starter 3.11.2010, 14:37; Сообщений: 15 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 3.11.2010, 14:37; Ответить: Pomidoroff Сообщение #10
0 Группа: User Сообщений: 15 Регистрация: 3.11.2010 Поблагодарили: 0 раз Репутация: 0	неработает. Давайте я подробно опешу, ато новерно я гоню, а вы непоймёте где. Сайт написан на HTML+css. чтобы работал php знакомый мне сказал что нужно файл style.css переименовать style.php а сверху написать: <?php header("Content-type: text/css"); ?> Ещё в ХЕАДе заменить название на style.php. Теперь я вставляю ваш код и получается во такая штука: 1. файл "head.shtml" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="<!--#echo var="META" -->" /> <meta name="description" content="3d-Visualisierung." /> <meta name="language" content="de" /> <title><!--#echo var="TITLE" --></title> <script type="text/javascript" src="myScript.js"></script> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link href="style.php" rel="stylesheet" type="text/css" /> </head> <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> <!--<a href="ubermich.shtml"><span class="szilko">über mich</span></a>     <a href="kontakt.shtml"><span class="szilko">kontakt</span></a>--> </div> </div> </div> <div id="container"> 2. Файл "style.php" (бывший style.сss) <?php header("Content-type: text/css"); $IMG = array( 0 => "images\background\background_00.png", 1 => "images\background\background_01.png", 2 => "images\background\background_01.png", 3 => "images\background\background_01.png", 4 => "images\background\background_01.png", 5 => "images\background\background_01.png", 6 => "images\background\background_01.png", 7 => "images\background\background_01.png", 8 => "images\background\background_01.png", 9 => "images\background\background_01.png", 10 => "images\background\background_01.png", 11 => "images\background\background_01.png", 12 => "images\background\background_01.png", 13 => "images\background\background_01.png", 14 => "images\background\background_01.png", 15 => "images\background\background_01.png", 16 => "images\background\background_01.png", 17 => "images\background\background_01.png", 18 => "images\background\background_01.png", 19 => "images\background\background_01.png", 20 => "images\background\background_01.png", 21 => "images\background\background_01.png", 22 => "images\background\background_01.png", 23 => "images\background\background_01.png", 24 => "images\background\background_01.png", ); $hour = date("H");//Узнали, который час ?> @charset "utf-8"; body { background-color: #070707; margin: 0; padding: 0; } #header{ height: 71px; width: auto; background:url('images/<?=$IMG[$hour]?>'); /background-image: url(images/knopf/background/background_17.png);/ } где я неправельно сделал? зы. Сайт сейчас с этими "стилями" работает, но бекграунд неотображется.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
[ИЩУ] Человека для сбора картинок	4	rokot	3243	4.9.2018, 10:05 автор: Том77
Ссылки с эро картинок хочется	2	RMak	4069	4.2.2018, 23:19 автор: Kriya
Поиск картинок и описания Фотошоп или powerpoint	1	scorper	1900	8.9.2017, 10:46 автор: scorper
Работа по поиску картинок и ссылок Работа для тех, кто онлайн, "между делом", мониторинг	0	nikolenko2008	1699	28.8.2016, 14:26 автор: nikolenko2008
Требуется исполнитель для отрисовки: иконок и картинок.	0	Seo-optimist	2425	3.10.2015, 16:02 автор: Seo-optimist