Классный слайдер для сайта на uCoz Flux со сменой картинок полосками. При смене одного изображения другим картинка расделяется на полоски которые падают в низ открывая следующее фото,слайдер работает на jQuery с применением плагина Flux и эффектом Bars. Слайдер полностью настроен для работы на сайте uCoz, он будет работать только на динамических страницах, для показа в материале (как здесь) слайдер нужно поместь в фрейм. В местах регулировок сделаны комментарии, можно включить или отключить автовоспроизведение и добавить кнопки управления сменой изображений.Имейте в виду, картинки или фотографии должны быть одного размера, сделать слайдер с автомасштабированием не получится.
Установка слайдера
Код для установки слайдера:
<script src="http://delaisait.ucoz.ru/script/js/1/2013/flux.js" type="text/jаvascript">
</script>
<script type="text/jаvascript">
$(function(){
if(!flux.browser.supportsTransitions)
alert("Flux Slider requires a browser that supports CSS3 transitions");
window.f = new flux.slider('#dssliderbars', {
pagination: false,
controls: false, // Кнопки управления, можно (true)
transitions: ['bars'],
autoplay: true // Автозапуск, можно (false)
});
});
</script>
<div id="dssliderbars">
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img1.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img2.jpg" alt="" />
<img src="http://delaisait.ucoz.ru/script/img/1/2013/img3.jpg" alt="" />
</div>
Установите данный код там, где хотите видеть свой слайдер.
