Многие создатели сайтов желая привнести оригинальность в дизайн своего «шЭдевра, подумывают над тем как сделать изменяющуюся подложку (фон) на сайте, динамическую смену фона шапки сайта и прочую, ... , ... ヅ
Сейчас попробую намутить такой «прибамбас» для любого сайта .... Для сайтов на uCoz - делается намного проще и (!!) «грамотнее», но этот вариант, будет на Java Script ....
Пока, так, особо, расписывать не буду, может потом, когда посвободнее будет, просто код, и пару слов.
Итак. Вариант намбер ван... ヅ
Просто рататор фоновых картинок.
HTML-код:
Code
<script type="text/javascript"> document.write('<div style=\"background:'+imgBg[whichquote]+'\">'); </script> <noscript> <div style="width:95%;height:200px;background:url(/_example/rotator/psBg.gif);">Здесь располагается содержимое нового тега Div</div> </noscript>Здесь располагается содержимое нового тега Div <script type="text/javascript"> document.write('</div>'); </script>
Немного пояснения - в «noscript» - блок с фоновой картинкой «по умолчанию» ... если, вдруг, у пользователя отключён JS ...
Java Script-код:
Code
<script type="text/javascript"> <!-- var imgBg=new Array() imgBg[0]='url(\/_example\/rotator\/psBg.gif);'; imgBg[1]='url(\/_example\/rotator\/psBg-e.gif);'; imgBg[2]='url(\/_example\/rotator\/psBg-g.gif);'; imgBg[3]='url(\/_example\/rotator\/psBg-r.gif);'; imgBg[4]='url(\/_example\/rotator\/psBg-b.gif);'; imgBg[5]='url(\/_example\/rotator\/psBg-gb.gif);'; imgBg[6]='url(\/_example\/rotator\/psBg-s.gif);'; var whichquote = Math.floor(Math.random()*(imgBg.length)); //--> </script>
Сам массив, как говорится ... Лучше запихнуть в отдельный файл и подключать уже его... До вставки «document.write» ... ヅ С заливкой тоже особо не возился, взял стандартную «фотошоповскую» ... чуть приукрасил .. ничего так получилось ...
☑Прикрепления(HTML-файл v1 ... пример работы скрипта)
/* ====== \\..// ===== *\
Вариант намбер ту... ヅ ... чуть посложнее, и с другим принципом отбора ... (getSeconds) ..
Ротатор фоновых картинок, да всего, что угодно, плюс контент ... (прикольно просто - для себя, так сказать ...)
HTML-код (v2):
Code
<script type="text/javascript"> document.write('<div style=\"background:'+cliche+'\"><br><br><h2>'+txt+'</h2>'); </script> <noscript><div style="width:95%;height:200px;background:url(/_example/rotator/psBg.gif);">Здесь располагается содержимое нового тега Div</div></noscript> <script type="text/javascript"> document.write('</div>'); </script>
Всё, то же самое, что и в первом, плюс контент ... (у меня - прикольные фразы ... - у вас - что поставите ... ヅ)
Java Script-код (v2):
Code
<script type="text/javascript"> <!-- url0="url(\/_example\/rotator\/psBg.gif);"; txt0="«Народная примета: Если сисадмин в 09.00 утра на работе, значит он там ночевал...»";
url1="url(\/_example\/rotator\/psBg-e.gif);"; txt1="«Народная примета v2.0: Если админ в 9:00 на рабочем месте - значит, сервер не работает... ヅ»";
url2="url(\/_example\/rotator\/psBg-g.gif);"; txt2="«Не говорите программисту: «Заходи, гостем будешь!», порадуйте его возможностью зайти администратором или, в крайнем случае, пользователем...»";
url3="url(\/_example\/rotator\/psBg-r.gif);"; txt3="«Если глюк оказался вдруг, и не друг и не враг, а баг...»";
url4="url(\/_example\/rotator\/psBg-b.gif);"; txt4="«Каждый сисадмин, наверно, хоть раз думал, что что пора покупать шаманский бубен, потому что иногда объяснить что же ты сделал, чтоб всё заработало (и почему до этого не работало)... ... ヅ»";
url5="url(\/_example\/rotator\/psBg-gb.gif);"; txt5="«На Новый Год все надели разные маски: кто - зайчика, кто - лисички... И только sysadmin надел свою любимую: 255.255.255.0...»";
url6="url(\/_example\/rotator\/psBg-s.gif);"; txt6="«Мораль: Не трогай технику и она тебя не подведёт.<br>Резюме: Если и это не получается, прочтите, наконец, инструкцию...»";
now=new Date() num=(now.getSeconds() )%7 if (num == 0) {cliche=url0;txt=txt0;} if (num == 1) {cliche=url1;txt=txt1;} if (num == 2) {cliche=url2;txt=txt2;} if (num == 3) {cliche=url3;txt=txt3;} if (num == 4) {cliche=url4;txt=txt4;} if (num == 5) {cliche=url5;txt=txt5;} if (num == 6) {cliche=url6;txt=txt6;} //--> </script>
Где: num=(now.getSeconds() )%7 - количество ваших «блоков» («urlx» и «txtx») плюс один (1). То есть если блоков 6, как в данном случае, то ставите 7, если 25, то, соответственно, 26...
Опять же, как и в первом варианте, все это «хозяйство» - в отдельный файл ... ヅ - не мне вас учить ...
☑Прикрепления(HTML-файл v2 ... Сам пример работы скрипта)
P.S. Если, вдруг, что-то непонятно, или, может быть, какие идеи/вопросы, пишите сюда ...
P.P.S. Если случится так, что вопрос «в оффтор» - создайте свою тему... и напишите туда ...
Ну а если Вы «Гость», и для этого уже есть тема ... даже несколько тем. Для удобства «помечены» вот такими букафками: (Free access) ... (всё для вас ... ヅ) ... ...