SLIDES - ПЛАГИН СЛАЙДШОУ

SLIDES - ПЛАГИН СЛАЙДШОУ


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

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

SLIDES - ПЛАГИН СЛАЙДШОУ


Основная структура 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>


Инициализация javascript
<script>
  $(function(){
    $("#slides").slides();
  });
</script>


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

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

- Изображения с подписями
- Текст со ссылками
- Множество слайдшоу
- Продукт
- Простой не стилизованный
- Стандартный

SLIDES - ПЛАГИН СЛАЙДШОУ


Скачать исходник:
Скачать файл: nathansearles-slides.rar [886,17 Kb] (cкачиваний: 8)
0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.