jQuery多個滑塊

Question

我有一個基本的JQuery滑塊以下代碼，但此代碼只執行一個單獨的div與類：「幻燈片包裝」，但我需要一次運行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); 
    } 

我希望你的幫助，謝謝
p.d.對不起，我的英語:)

Answer 1

嗯我不明白完全以（我的英語是ungly）...

您使用的是jquery-ui slider？

檢查一下，你可以做滑塊和多滑塊。

你有一個2滑塊與某些類名「幻燈片包裝」，如何將其轉換爲幻燈片？

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

你可以有很多classname slider-wrapper的元素，有一個元素有一個id，ex;

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

而且從Jquery的：

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