Если вы хотите объедение приятное с красивым на своем блоге то этот  урок станет вам весьма полезен. Мы рассмотрим процесс создания простого автоматического слайдера с прикрепленным к нему аккордеоном вкладок с плавным раскрытием и выводом дополнительной информации. Для этого мы будем использовать плагин Slidorion. Имеется несколько опций, которые дают возможность настроить время показа слайдов, эффекты переходов между слайдами и включить/выключить автоматическое проигрывание.

 
Комбинация слайдера изображений и аккордеона. Выводит картинки совместно с описанием любой длины. Для начала нам необходимо подключить фреймворк:

Следующим шагом будет создание разметки HTML, которая выглядит следующим образом:

Теперь инициализируем сам плагин, с помощью следующего скрипта:

Все достаточно просто, рассмотрев следующие опции можно изменить необходимые параметры под себя:

  • autoPlay
Автоматическая смена слайдов (логическая перменная)

 

  • easing

 

Эффект перехода анимации (строка)

 

  • effect

 

Эффект смены слайдов (строка)

 

  • first 
Первый слайд для вывода (атрибут rel данного слайда) (строка)

 

  • hoverPause

 

Включение паузы проигрывания при наведении курсора мыши (логическая перменная)

 

  • interval

 

Задержка перед сменой слайдов (число)

 

  • speed
Скорость анимации (число)

 

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.