В этом посту я розкажу как сделать так, что бы логотип сайта менялся при переходе на другую страницу. Для этого нужно: несколько логотипов и чуть знания php
В названии логотипов должны присутствовать цифры (в моем примере).
Например: logo1.jpg, logo2.jpg, logo3.jpg и т.д...
Обязательно что бы формат картинок был одинаковый. А то проблемы будут.
Открываем файл index.php.
После $tpl->load_template ( 'main.tpl' ); вставляем:
//Шапка сайта
$shapka = rand(1,4); // Берем случайное число от 1 до 10
$tpl->set ( '{pic}', $shapka); //Подставляем это число в шаблон
Окртываем main.tpl и там где надо поставить логотип пишем:
<img src="/logo{pic}.jpg" alt="Саундтреки.инфо" border="0" />
rand(1,4) - цифра 4 означает сколько изображений у вас есть. Т.е. у вас должно быть 4 изображений с именем:
logo1.jpg, logo2.jpg, logo3.jpg, logo4.jpg. Если картинок ДВЕ, то строка должна быть такой: rand(1,2)
{pic} - вот эта переменная выводит в случайном порядке числа, заданы предыдущей функцией.
Вот и получается ссылка на картинку вот такая: /logo{pic}.jpg.
Попробуйте поставить тогда и поймете как работает.
Так же напишу как сделать такой логотип, но только он будет меняться на jQuery, т.е. без перезагрузки страницы. Например, через 20 секунд простоя.
Удачи :)
Логотипы
В названии логотипов должны присутствовать цифры (в моем примере).
Например: logo1.jpg, logo2.jpg, logo3.jpg и т.д...
Обязательно что бы формат картинок был одинаковый. А то проблемы будут.
Установка
Открываем файл index.php.
После $tpl->load_template ( 'main.tpl' ); вставляем:
//Шапка сайта
$shapka = rand(1,4); // Берем случайное число от 1 до 10
$tpl->set ( '{pic}', $shapka); //Подставляем это число в шаблон
Окртываем main.tpl и там где надо поставить логотип пишем:
<img src="/logo{pic}.jpg" alt="Саундтреки.инфо" border="0" />
Пояснения
rand(1,4) - цифра 4 означает сколько изображений у вас есть. Т.е. у вас должно быть 4 изображений с именем:
logo1.jpg, logo2.jpg, logo3.jpg, logo4.jpg. Если картинок ДВЕ, то строка должна быть такой: rand(1,2)
{pic} - вот эта переменная выводит в случайном порядке числа, заданы предыдущей функцией.
Вот и получается ссылка на картинку вот такая: /logo{pic}.jpg.
Пример
Попробуйте поставить тогда и поймете как работает.
Так же напишу как сделать такой логотип, но только он будет меняться на jQuery, т.е. без перезагрузки страницы. Например, через 20 секунд простоя.
Удачи :)
- Владислав
- 24-09-2011, 15:44
- 9 122