jQuery（插件）淡入淡出滑块

我正在尝试构建jQuery滑块

这将使“卡在”同一位置的图像淡入淡出。 （这个解释清楚吗）

有点像这样：

但是没有水平移动

你能给我指出一些类似的东西吗，这样我就可以根据自己的目的修改它，但仍然不必重新发明轮子？

类似的东西

使用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');
   }
});

---

祝你好运

“没有水平移动”的页面只有两个图像和一些文本。可能是为了

jQuery.innerFade

你在看吗？@bzlm这可能有点像jQuery.innerFade，它有一个图像列表，但它改变透明度的不是时间，而是滑块的移动。这甚至太多了！哈哈（开玩笑）非常感谢你，这真是太完美了！我现在必须在平滑部分工作，再次感谢！