将滑块中的步骤链接到图像

Question

我希望显示一系列地图以显示随时间推移的变化。我用10个步骤轻松创建了一个Jquery滑块（一个酒吧不是动画），我想将每一步链接到一个图像。我更喜欢使用滑块，因为它强化了连续性的想法。按钮使每个日期和地图看起来像单独的事件，并且图像滑块也不能满足我的目的。

我花了很多（很多）时间在书籍，教程和网页上查找（特别是Stackoverflow），但没有发现任何解决方法。我不认为我在搜索中使用了错误的术语，但我开始怀疑是否可以在Jquery中这样做。

感谢您提供何处寻找或使用什么提示。

Answer 1

请参阅this link。它可以进行修改，以满足您的需求：

$(function() { 
    var maps = $(".map"); 
    var slider = $("<div id='slider'></div>").insertAfter(select).slider({ 
     min: 1, 
     max: 6, 
     range: "min", 
     value: defaultValue, 
     slide: function(event, ui) { 
      var map = $(maps[ui.value]); //This your map for the current index... 
     } 
    }); 
});