С помощью JQ
HTML
Code
<script type="text/javascript">var bg='$HOUR$';</script>
<div id="city">Шапка</div>
Скрипт - можно во внешний файл:
Code
<script type="text/javascript">
$(function(){if(bg){$('#city').css('backgroundImage','url(/_example/bg/ext/nebo'+bg+'_bg.jpg)');};});
</script>
Или вот так, если в исходный код:
Code
<script type="text/javascript">
$(function(){$('#city').css('backgroundImage','url(/_example/bg/ext/nebo$HOUR$_bg.jpg)');});
</script>
- Должны иметь набор картинок: header0.png, header1.png, header2.png ....
...... Ещё вариант:
HTML
Code
<div class="n$HOUR$" id="city">Шапка</div>
Скрипт - можно (нужно) во внешний файл:
Code
<script type="text/javascript">
$(function(){var obj=$('#city'),img=obj.attr('class');
obj.css({backgroundImage:'url(/_example/bg/ext/nebo'+img+'_bg.jpg)'});
});
</script>
- То же самое ...
...
... Через стили
Подключаем нужный в зависимости от времени суток:
Code
<link type="text/css" rel="StyleSheet" href="/_st/<?if($HOUR$>'0' and $HOUR$<'5')?>bg-sun.css<?else?>bg-night.css<?endif?>" />
.... Подключаем нужный каждый час:
Code
<link type="text/css" rel="StyleSheet" href="/_st/bg-$HOUR$.css" />
- Во внешних файлах - ТОЛЬКО стили для фона. Стили для чётных/нечетных часов:
Code
<link type="text/css" rel="StyleSheet" href="/_st/<?if($HOUR$%2=1)?>bg-even.css<?else?>bg-odd.css<?endif?>" />
Меняем стили каждые три часа: - то бишь - для часов, кратным трём:
Quote
<link type="text/css" rel="StyleSheet" href="/_st/<?if('3'%3=0)?>bg-even.css<?endif?>" />
- В основную таблицу - прописываем фон по умолчанию, в дополнительную - ТОЛЬКО стили для дополнительного фона.
...