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({...});