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

Question

我希望显示一系列地图以显示随时间的变化。我已经轻松创建了一个包含 10 个步骤的 Jquery 滑块（不是动画条），我想将每个步骤链接到一个图像。我更喜欢使用滑块，因为它加强了连续性的概念。按钮使每个日期及其地图看起来像单独的事件，图像滑块也不符合我的目的。

我花了很多（很多）时间查看书籍、教程和网络（尤其是 Stackoverflow），但没有找到任何解决此问题的方法。我不认为我在搜索中使用了错误的术语，但我开始怀疑是否可以在 Jquery 中执行此操作。

感谢您提供有关在哪里查看或使用什么的任何提示。

Answer 1

请参阅此链接。它可以根据您的需要进行修改：

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