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


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


Плагин слайдшоу. Особенности: легкость, гибкость, настраиваемость, совместимость с firefox 2+, IE6+, Safari v4, Google Chrome 3+ и Opera 9+.

Подключить в шапке файлы:
<link rel="stylesheet" href="chocoslider.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.chocoslider.min.js"></script>


Разметка HTML
<div id="contenido">
    <div id="slider" style="position: relative; width: 500px; height: 220px;">
        <img src="img/1.jpg" alt="" title=""/>
        <img src="img/2.jpg" alt="" title=""/>
        <img src="img/3.jpg" alt="" title=""/>
        <img src="img/4.jpg" alt="" title=""/>
        <img src="img/5.jpg" alt="" title=""/>
    </div>
</div>


javascript
$(window).load(function() {
    $('#slider').chocoslider();
});


Опции
- auto:true, (авто слайдшоу)
- autoPause:true, (остановка слайдера после клика)
- speedStrip:500, (скорость между полосами)
- effect:'random', (Три типа: effect1, effect2 и случайный)
- numberStrips:15, (количество показываемых полос)
- sliderDelay:3000, (время задержки между слайдами)
- transparencytitle:0.8, (прозрачность заголовков)
- bChange: function(){}, (функции необходимые для завершения)
- aChange: function(){}, (функции необходимые для завершения)
- chocoEnd: function(){}, (функции необходимые для завершения)
- controlNavigation:true (удаление навигационных кнопок)

Например:
$(window).load(function() {
    $('#slider').chocoslider({    
        auto:true,
        autoPause:false,     
        speedStrip:500,     
        effect:'random',
        numberStrips:15,
        sliderDelay:6000,
        transparencytitle:1.0,
        bChange: function(){},
        aChange: function(){},
        chocoEnd: function(){},
        controlNavigation:true
    });
});


Скачать исходник:
choco_slider_v2.rar


скрипт скрипт CHOCO SLIDER - ПЛАГИН СЛАЙДШОУ
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 3333
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация