• 4458
  • 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.Радуемся результату

Можешь почитать и вот эту статейку "Интересный адаптивный слайдер "

mistakes

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

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

Ваше мнение

TWIG -что это?
Результаты

Облако тегов

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