Шапка сайта меняеться в зависимости от времени
Страницы: 1
Шапка сайта меняеться в зависимости от времени
Нашел метод как сменить шапку сайта в зависимости от времени суток, а именно:

Создаёшь папку logo в корне. Туда кидаешь четыре шапки с такими названиями:

1.gif - ночная шапка (00:00 — 07:00)
2.gif - утренняя шапка (07:00 — 12:00)
3.gif - дневная шапка (12:00 — 19:00)
4.gif - вечерняя шапка (19:00 — 00:00)

Если расширение файлов не gif, то измени его в коде.

Где нужно выводить шапку поставь в коде :

Код
<script type="text/javascript"> 
 function shapka(n) 
 {document.write('<img border="0" src="/logo/'+n+'.gif">');} 
 var h=(new Date()).getHours(); 
 if (h > 23 || h <7) shapka('1'); 
 if (h > 6 && h < 12) shapka('2'); 
 if (h > 11 && h < 19) shapka('3'); 
 if (h > 18 && h < 24) shapka('4'); 
 </script>


Этот код нужно вставить у "верхнюю часть сайта". Но куда не пробовал, все не то... не так отображаеться. 
Помогите разобраться.
Сайт kotluk.at.ua
Изменено: neotrance - 2 Ноября 2012 23:00
Странноват скрипт что вы показали... попробуйте этот.
В картинке прописать id id="top_img" ниже поставить скрипт и прописать часы и ссылки на другие картинки которые её будут заменять.

Код
<img src="Ссылка на картинку" border="0" alt="" id="top_img"/>
<script language="JavaScript" type="text/javascript">
var timer_img;
function img_change(){
var pic = document.getElementById('top_img');
if(!pic)return;
if(timer_img) window.clearTimeout(timer_img);
var img = new Array();
img[0]="Ссылка на картинку1";
img[6]="Ссылка на картинку2";
img[10]="Ссылка на картинку3";
img[12]="Ссылка на картинку4";
img[16]="Ссылка на картинку5";
var now = new Date();
var hours = now.getHours();
var url='';
for (i in img ){if(i<=hours&&img[i]) url=img[i]};
if(url=='') url=img[i];
pic.src=url;
var next = new Date();
next.setHours(+1,0,0,0);
timer_img=window.setTimeout(arguments.callee, next.getTime()- now.getTime())
}
img_change();
</script>
 
Меняет любую картинку в которой вы установите id и пропишите в скрипте по шаблону время и ссылку после которого картинка должна поменяться
Шаблон: img[Час]="Ссылка на картинку замены"; час от 0 до 23
Пояснение: Картинка будет той что вы установили для данного промежутка суток при открытии страницы и поменяеться автоматически в установленные вами часы, без перезагрузки страницы
А о часовых поясах Вы подумали? Возможно получится так, что зайдет человек по местному времени ночью, а на сайте уже во всю день будет smile:) Думаю что данное решение не целесообразно...
<a href="https://goo.gl/GJuxaD">Хостинг от 84 руб. в месяц!</a>
А если надо чтобы шапка менялась согласно временам года?
Великолепный Гоша, как это 

Цитата

на сайте уже во всю день будет
лишь бы для жителей Украины все норма было.
Цитата
neotrance пишет:
<script type="text/javascript">
function shapka(n)
{document.write('[img]/logo/[/img]');}
var h=(new Date()).getHours();
if (h > 23 || h <7) shapka('1');
if (h > 6 && h < 12) shapka('2');
if (h > 11 && h < 19) shapka('3');
if (h > 18 && h < 24) shapka('4');
</script>
Скрипт рабочий, шапки меняте на ура, на вашем сайте его просто нет

Цитата
Великолепный Гоша пишет:
А о часовых поясах Вы подумали? Возможно получится так, что зайдет человек по местному времени ночью, а на сайте уже во всю день будет smile:) Думаю что данное решение не целесообразно...

- Вы что бредите ?

JavaScript выполняется в браузере пользователя и берет локальное время с его компьютера
Цитата
Злой Админ пишет:
Скрипт рабочий, шапки меняте на ура, на вашем сайте его просто нет      


Я понял что нету. Куда именно его устанавливать (раздел, место)? Нужно сбросить код какого то раздела сайта что б показали место?
Цитата
neotrance пишет:
Цитата
Злой Админ пишет:
Скрипт рабочий, шапки меняте на ура, на вашем сайте его просто нет


Я понял что нету. Куда именно его устанавливать (раздел, место)? Нужно сбросить код какого то раздела сайта что б показали место?


Цитата
neotrance пишет:
Куда именно его устанавливать

Куда поставите там и будет меняться по часам изображение
Цитата
<script type="text/javascript" charset="utf-8">
function EsQ(n)
{document.write('<img style="border: 0px; width: 100%; height: 20em;" src="'+n+'.jpg">');}
var h=(new Date()).getHours();
if (h >23 || h < 1) EsQ('LS001');
if (h > 0 && h < 2) EsQ('LS002');
if (h > 1 && h < 3) EsQ('LS003');
if (h > 2 && h < 4) EsQ('LS004');
if (h > 3 && h < 5) EsQ('LS005');
if (h > 4 && h < 6) EsQ('LS006');
if (h > 5 && h < 7) EsQ('LS007');
if (h > 6 && h < 8) EsQ('LS008');
if (h > 7 && h < 9) EsQ('LS009');
if (h > 8 && h < 10) EsQ('LS010');
if (h > 9 && h < 11) EsQ('LS011');
if (h > 10 && h < 12) EsQ('LS012');
if (h > 11 && h < 13) EsQ('LS013');
if (h > 12 && h < 14) EsQ('LS014');
if (h > 13 && h < 15) EsQ('LS015');
if (h > 14 && h < 16) EsQ('LS016');
if (h > 15 && h < 17) EsQ('LS017');
if (h > 16 && h < 18) EsQ('LS018');
if (h > 17 && h < 19) EsQ('LS019');
if (h > 18 && h < 20) EsQ('LS020');
if (h > 19 && h < 21) EsQ('LS021');
if (h > 20 && h < 22) EsQ('LS022');
if (h > 21 && h < 23) EsQ('LS023');
if (h > 22 && h < 24) EsQ('LS024');
</script>
Цитата
В картинке прописать id id="top_img" 

Как это сделать?
Изменено: neotrance - 3 Ноября 2012 12:00
Цитата
Алексей Жмуренко пишет:
А если надо чтобы шапка менялась согласно временам года?
А почему не заметили моего вопроса?
Victoria, нада чтобы вместо стандартной шапки менялась. То это куда?
neotrance,

<img src="Ссылка на картинку" border="0" alt="" id="top_img"/>
smile:shout:
p/s. Мой скрипт лучше) он меняет картинку без перезагрузки страницы)
Цитата
Великолепный Гоша пишет:
А о часовых поясах Вы подумали? Возможно получится так, что зайдет человек по местному времени ночью, а на сайте уже во всю день будет
Сайт региональный - на остальных класть smile;)
Качественный [url=bit.ly/1p1iAF5]рерайт/копирайт/перевод[/URL] | [url=http://bit.ly/1sB6rK0]Создание сайтов[/URL] за еду! Дёшево!
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
18:49 КАК ЗАЙТИ НА КРAКЕН? ССЫЛКИ В 2025 : Список рабочих ссылок 
18:48 КАК ЗАЙТИ НА КРAКЕН? ССЫЛКИ В 2025 : Список рабочих ссылок 
18:48 КАК ЗАЙТИ НА КРAКЕН? ССЫЛКИ В 2025 : Список рабочих ссылок 
18:45 ССЫЛКА НА KРАКЕН (КRAKEN)? Обновлённые новые ссылки на Kракен 2025: ОБНОВЛЁННЫЙ список ЗЕРКАЛ И ССЫЛОК! ССЫЛКА kракен 
18:40 ССЫЛКА НА KРАКЕН (КRAKEN)? Обновлённые новые ссылки на Kракен 2025: ОБНОВЛЁННЫЙ список ЗЕРКАЛ И ССЫЛОК! ССЫЛКА kракен 
18:39 КРАКЕН или! KRAKEN !! Все Ссылки 2025 : Список Рабочих Ссылок и Зеркал Для Безопасного Входа в KRAKEN + Рекомендации 
18:38 ССЫЛКА НА KРАКЕН (КRAKEN)? Обновлённые новые ссылки на Kракен 2025: ОБНОВЛЁННЫЙ список ЗЕРКАЛ И ССЫЛОК! ССЫЛКА kракен 
17:31 SpaceSwap.cc - Быстрый и надежный обменник криптовалют 
17:15 swapsfera.com 
17:09 GoodsMoney.io 
15:46 Запустите свой обменник за 1 день без программиста и серверов — облачная платформа EX365 
10:54 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 
10:07 BestChange – обменивать электронную валюту можно быстро и выгодно 
07:42 CoinCapital  
17:31 Список обновленных тем пуст... 
12:49 Всего п онемногу 
12:45 Куплю проигрышные букмекерские аккаунты 
11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 
17:09 Точные прогнозы на футбол 
10:00 Ну что, кто куда деваете свои сайты? 
16:22 Компьютерная мышь