jSlider — слайдер на базе jQuery

Сегодня выложил на GitHub проект jSlider: слайдер плагин, основанный на jQuery без использования каких либо сторонних библиотек и плагинов.

Особенности: простота в использовании, независимость от дизайна, никаких встроенных обязательных для использования в верстке тегов, классов и т.п.

Плагин тестировался и jQuery 1.9.1

Вот все параметры с их дефолтными значениями:

  leftBtn: '#leftBtn', /* Left button elemet's identyfier */
  rightBtn: '#rightBtn', /* Right button elemet's identyfier */
  pointers: '#sl-pointers', /* Pointers block's identyfier */
  pointers_elems: 'a', /* Pointers element with link */
  links_attr: 'rel', /* Attribute from pointers_elems to load next slide */
  container: '#sl-container', /* Slider's container */
  active_class: 'active', /* Pointers active class */
  inactive_class: 'inactive', /* Pointers inactive class */
  quantity: 1, /* @TODO: quantity */
  autoPlay: false,  // true or false
  autoPlayDelay: 10  // delay in seconds

Пример использования:

  $(document).ready(function(){
    options = {leftBtn: '#sl-prev', rightBtn: '#sl-next', quantity: 1, autoPlay: true, autoPlayDelay: 3}; /* options */
    $('#slider-block').jSlider(options);
  });

Kamo Petrosyan Автор

Комментарии

    Vladmir

    (Июнь 13, 2013 - 12:15 дп)

    Спасибо за интересное решение. Долго искал что бы использовать на сайте. Камо, у Вас есть готовые сайты, на которых установлен скрипт Вашего jSlider?

      Kamo Petrosyan

      (Июнь 27, 2013 - 10:01 дп)

      Я использовал его в верстке пары сайтов. Скоро еще запустим проект cargox.ru с новым дизайном и этим же слайдером.

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

Ваш e-mail не будет опубликован.