Слайдер на jQuery

Слайдер на jQuery

Встречается в сети бессчетно неодинаковых слайдеров фоток и прочего контента на jQuery и иных фреймворках. Представлем вам еще один-одинехонек небольшой слайдер на jQuery, какой автор наименовал LiveSlider.

Постарались сделать максимально простую установку и использование плагина. Вкалывает с jQuery 1.2.3+ или более поздней версией.

Слайдер на jQuery

Встречается в сети бессчетно неодинаковых слайдеров фоток и прочего контента на jQuery и иных фреймворках. Представлем вам еще один-одинехонек небольшой слайдер на jQuery, какой автор наименовал LiveSlider.

Постарались сделать максимально простую установку и использование плагина. Вкалывает с jQuery 1.2.3+ или более поздней версией.

Устанавливается вытекающим образом:
1)Загружаем папку liveSlider в папку сайта
2)Добавляем на страницу вытекающий код:


<!— Добавить в <head> или в место вставки слайдера —>
<link rel=»stylesheet» type=»text/css» href=»/liveSlider/style.css» />
<script type=»text/javascript» src=»http://code.jquery.com/jquery-1.2.3.min.js»></script>
<script type=»text/javascript» src=»/liveSlider/liveSlider.js»></script>
<script type=»text/javascript»>
var liveSlider;
jQuery(function($){
  liveSlider = $(‘.gallery’).liveSlider({
      slideshow: false,
      slideshowPeriod: 2000,
      slidebycenter: true
  });
});
</script>

<!— Добавить в место вставки слайдера, задает картинки и текст —>
<div class=»gallery»>
    <div>text</div>
    <img src=»/image/1.jpg» />
</div>

<!— Если нужно переключение на произвольную картинку — добавляем —>
<div>
<a href=»» onclick=»liveSlider.liveSlider(‘moveTo’,1); return false;»><img src=»/imagethumb/1.jpg»/></a>
<a href=»» onclick=»liveSlider.liveSlider(‘moveTo’,2); return false;»><img src=»/imagethumb/2.jpg»/></a>
</div>

Прикреплённые файлы:
Файл: myslider-0.2.rar
Размер: [148,38 Kb] (забрали: 9 раз)

Опубликовано Рубрики Без рубрики

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

Ваш адрес email не будет опубликован.