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

时间:2012-11-04 19:51:42

标签: jquery image uislider

我希望显示一系列地图以显示随时间的变化。我已经轻松地创建了一个Jquery滑块(一个条形而不是动画),有10个步骤,我想将每个步骤链接到一个图像。我更喜欢使用滑块,因为它强化了连续性的想法。按钮使每个日期和它的地图看起来像单独的事件,图像滑块也不符合我的目的。

我花了很多(很多)时间在书本,教程和网络上(特别是Stackoverflow),并没有发现任何解决这个问题。我不认为我在搜索中使用了错误的术语,但我开始怀疑是否有可能在Jquery中执行此操作。

感谢您提供有关查看位置或使用内容的任何提示。

1 个答案:

答案 0 :(得分:0)

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