JQuery несколько слайдер

Question

У меня есть следующий код для базового слайдера Jquery, но этот код выполняет только один div с классом: «slide-wrapper», но мне нужно запускать 2 или более слайдера одновременно ... это мойполный код:

HTML:

<!-- SLIDE 1 -->
<div class="slide-wrapper">
    <div class="slide">

        <a href="#"><img src="images/tmp/adv_left_sup.jpg" width="600" height="100" /></a>

    </div>
    <div class="slide initial-hide">

        <a href="#"><img src="images/tmp/adv_left_sup_2.jpg" width="600" height="100" /></a>

    </div>
    <div class="slide initial-hide">

        <a href="#"><img src="images/tmp/adv_left_sup_3.jpg" width="600" height="100" /></a>

    </div>
</div>

<!-- SLIDE 2 -->
<div class="slide-wrapper">
    <div class="slide">

        <a href="#"><img src="images/tmp/adv_left_sup.jpg" width="600" height="100" /></a>

    </div>
    <div class="slide initial-hide">

        <a href="#"><img src="images/tmp/adv_left_sup_2.jpg" width="600" height="100" /></a>

    </div>
    <div class="slide initial-hide">

        <a href="#"><img src="images/tmp/adv_left_sup_3.jpg" width="600" height="100" /></a>

    </div>
</div>

CSS:

.slide-wrapper { position: relative; height: 100px; }
.slide-wrapper div.slide { position: absolute; }
.slide-wrapper .initial-hide { display: none; }

JS:

var currentPosition = 0;
var totalSlides = 0;

$(document).ready(function() {  
    // slides
    totalSlides = $('.slide-wrapper .slide').length;
    setTimeout('transition()', 3000);

});

    transition = function() {
        currentPosition++;
        lastPosition = currentPosition - 1;
        if (currentPosition == totalSlides)
            currentPosition = 0;

        if (lastPosition < 0)
            lastPosition = totalSlides - 1;

        $('.slide-wrapper .slide:eq(' + lastPosition + ')').fadeOut('slow');
        $('.slide-wrapper .slide:eq(' + currentPosition + ')').fadeIn('slow');

        setTimeout('transition()', 3000);
    }

Надеюсь, ваша помощь, спасибо
pd извините за мой английский:)

Answer 1

Ммм, я не совсем понимаю (мой английский - некрасивый) ...

Используете ли вы ползунок jquery-ui ?

, проверьте, можете ли выделать слайдеры и мульти-слайдеры.

У вас есть 2 слайдера с именем класса-слайдера, как конвертировать это в слайдеры?

$('slide-wrapper').slider({...});

у вас может быть много элементовс именем класса-слайдера-обертки, а некоторые имеют идентификатор, например;

<div class="slide-wrapper" id="slider1">

И из Jquery:

$('#slider1').slider({...});