jquery - 将 slider 中的步骤链接到图像

Question

我希望显示一系列 map 来显示随时间的变化。我已经轻松创建了一个包含 10 个步骤的 Jquery slider (一个条形图，而不是动画)，我想将每个步骤链接到一个图像。我更喜欢使用 slider ，因为它强化了连续性的想法。按钮使每个日期及其 map 看起来像单独的事件，并且图像 slider 也无法满足我的目的。

我花了很多(很多)时间在书籍、教程和网络(尤其是 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...
        }
    });
});