jQuery（插件）淡入淡出滑块

Question

我想构建一个jQuery滑块。

这会淡入淡出在同一位置“卡住”的图像。 （这个解释是否清楚）。

有点像这样：

http://d2o0t5hpnwv4c1.cloudfront.net/377_slider/slider_sourcefiles/slider.html

但是，如果没有水平移动。

你能指点我一些类似的东西吗，所以我可以修改它来达到我的目的，但仍然不必重新发明轮子？

Answer 1

这样的事情？ http://jsfiddle.net/Ender/9zqbY/

使用jQueryUI滑块小部件，您应该能够很容易地实现这一点。我的演示并不完美，但它应该足以让你走上正确的轨道。使用jQueryUI滑块，您可以将函数绑定到slidechange事件以淡入淡出图像。以下是该功能的示例：

$('#slider').bind("slidechange", function(event, ui) { 
    var newIndex = $("#slider").slider("value"); 
    var oldIndex = $('#sliderContent .item').index('.shown'); 
    if (newIndex != oldIndex) { 
     $('.shown').fadeOut().removeClass('shown'); 
     $('#sliderContent .item').eq(newIndex).fadeIn().addClass('shown'); 
    } 
}); 

祝你好运！