8 136 Скрипты / Slider

Slides - плагин слайдшоу

Слайды (Slides) - простейший слайдшоу плагин на jQuery. C такими возможностями, как: цикличность, auto play, fade или слайд эффекты, плавность, предварительная загрузка изображений, автогенерация нумерации.

Плагин совместим с jQuery 1.4.4 и выше.
Данный плагин Слайды совместим со всеми современными браузерами, включая Internet Explorer 6/7/8/9, Firefox 3+, Chrome, Opera, Safari и Mobile Safari.

HTML

<div id="slides">
  <div class="slides_container">
    <div>
      <h1>Слайд 1</h1>
      <p>Текст показываемый на слайде.</p>
    </div>
    <div>
      <h1>Слайд 2</h1>
      <p>Текст показываемый на слайде.</p>
    </div>
    <div>
      <h1>Слайд 3</h1>
      <p>Текст показываемый на слайде.</p>
    </div>
    <div>
      <h1>Слайд 4</h1>
      <p>Текст показываемый на слайде.</p>
    </div>
  </div>
</div>

CSS

<style type="text/css" media="screen">
  .slides_container {
    width:470px;
    height:170px;
  }
  .slides_container div {
    width:470px;
    height:170px;
    display:block;
  }
</style>

JS

<script>
  $(function(){
    $("#slides").slides();
  });
</script>

Полную документацию по скрипту можно посмотреть тут http://slidesjs.com/

Примеры реализации:

Slides - плагин слайдшоу
Скачать 1903Загрузок 868,67 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи