• 4267
  • 0
  • Автор: buildinternet.com
  • Обсудить нана форуме
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: нужны навыки css hmlt
  • Демо:

Нашел довольно интересный скрипт смены фона
1.Скачиваем файл Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем и заливаем все папки в папку с шаблоном
2. Подключаем стили и скрипты в main.tpl перед /head

Код:
<link rel="stylesheet" href="[tpl_url}/css/supersized.core.css" type="text/css" media="screen" />


<script type="text/javascript" src="[tpl_url}/js/supersized.3.1.3.core.min.js"></script>

<script type="text/javascript">

jQuery(function($){
$.supersized({
start_slide : 0, //Start slide (0 is random) //Requires multiple background images
vertical_center : 1, //Vertically center background
horizontal_center : 1, //Horizontally center background
min_width : 1000, //Min width allowed (in pixels)
min_height : 700, //Min height allowed (in pixels)
fit_portrait : 1, //Portrait images will not exceed browser height
fit_landscape : 0, //Landscape images will not exceed browser width
image_protect : 1, //Disables image dragging and right click with Javascript
slides : [ //Background image
{ image : 'Твой адрес до фона' },
{ image : 'Твой адрес до фона' },
{ image : 'Твой адрес до фона' }
]
});
});

</script>

3. заливаем картинки фонов и прописываем пути до картинок вместо 'Твой адрес до фона' .
4.Радуемся результату

Можешь почитать и вот эту статейку "Анимация контента в табах на CSS3"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

Вы нашли что искали?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element