0

Всем привет! Нужен слайдер с fade-эффектом (как здесь) и скроллом (как здесь). Может быть кто-то видел?

Нужен слайдер с обеими этими опциями одновременно. Sly имеет скроллбар, который мне нужен, но я не знаю, как у него включить fade-эффект. У Owl наоборот есть возможность включить fade-эффект, но нет скролла.

2
  • а эти скачать религия не позволяет? Или поставьте вопрос по другому или вы просто спамер.
    – binliz
    12 авг 2014 в 11:03
  • Я хочу сказать, что мне нужен слайдер с обеими этими опциями одновременно. Sly имеет скроллбар, который мне нужен, но я не знаю, как у него включить fade-эффект. У Owl наоборот есть возможность включить fade-эффект, но нет скролла.
    – Beef
    12 авг 2014 в 11:07

2 ответа 2

2

Долго переваривал чего вы хотите, но так до конца и не понял. Смотрите такой вариант с использованием jQuery UI Slider.

HTML

<div class="slides">    
    <img src="http://placehold.it/200x200/&text=1" alt="" />        
    <img src="http://placehold.it/200x200/&text=2" alt="" />
    <img src="http://placehold.it/200x200/&text=3" alt="" />
    <img src="http://placehold.it/200x200/&text=4" alt="" />
    <img src="http://placehold.it/200x200/&text=5" alt="" />
</div>
<div id="slide_wrap">
    <div id='slider'></div>
</div>

JS

var slideBox = $('.slides'),
    imgs = $('img', slideBox),
    len = imgs.length;

imgs.each(function(i, el){
    $(el).attr('data-indx', i + 1);
}).eq(0).appendTo(slideBox);

function rotateImg(n){
    imgs.finish();
    $('[data-indx=' + n + ']', slideBox)
        .hide()
        .appendTo(slideBox)
        .fadeIn(300);
    return false;
}

$('#slider').slider({
    min: 1,
    max: len,
    range: 'min',
    slide: function( event, ui ) {
        rotateImg(ui.value);
    }
});
2
  • Спасибо! То, что надо. Неужели так невнятно объяснил?..
    – Beef
    12 авг 2014 в 13:03
  • @Beef, дело не во внятности объяснений, а их разной трактовке.
    – Deonis
    12 авг 2014 в 13:08
0

Вот этот может подойдет?

1
  • Посмотрел все демки там - не увидел скроллбара. Нужен такой скроллбар, чтобы был ползунок, за который можно тянуть. Вот здесь (darsa.in/sly/examples/horizontal.html) смотрите у всех слайдеров такой сверху есть.
    – Beef
    12 авг 2014 в 11:39

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.