Скрипт слайдера для сайта

Обычно для красивого дизайна используют простые графические баннеры или как еще многие пишут шапки для сайта. Этот рисунок размещается в верхней части сайта и занимает в большинстве случаев, всю ширину. А на landing page и всю ширину и высоту экрана.

Скрипт слайдера для сайта

А для более эффектного восприятия используют слайдеры. На определенной части сайта картинки меняются с некоторым интервалом и изображения как бы перемещаются либо в правую или в левую сторону.

Такой пример слайдера мы сейчас и рассмотрим. Для начинающих поясним, что будем использовать готовую библиотеку скриптов jQuery.
Код следующий:
 

А в начале в заголовке сайта нужно добавить библиотеку jQuery

И подключить нужные стили в файле style.css

А скачать и посмотреть наглядно как все работает можно по ссылкам внизу

 

 

 

 Кое-что, о настройках данного скрипта. Все переменные для изменения находятся в шапке, между тегами <script type="text/javascript">

1. Переменная speed: отвечает за скорость перемещения изображений внутри слайдера в миллисекундах 1с=1000;
2. Переменная pause: влияет на время в течении которого показывается картинка. Пишется тоже в миллисекундах;

Другой вариант слайдера (скриншот наверху) можно глянуть по этим ссылкам

 

 

 

Добавить комментарий


( ! ) Ф.И.О.
( ! ) Текст сообщения: (Не больше 5000 знаков)

( ! )Введите текст с картинки :
Обновить код
Положительный отзыв Положительный отзыв
Отрицательный отзыв Отрицательный отзыв



Коллекция скриптов и модулей   © 2017