我想使用jQuery UI滑块。我想要做的是:在滑块的每个步骤中,我想要在滑动条中绘制一个点(.)。我想放置的点是我拥有的图像。
有什么建议吗?
感谢帮助。最好的问候。
有什么建议吗?
感谢帮助。最好的问候。
你可以通过一个小技巧来实现这个。你可以像这样设置一个 div:
#imgSlider {width:100px; background:url('path/to/img.gif') repeat-x top left;}
然后在滑块的滑动函数中,您可以调整该div的宽度:
// ... slider settings ....
slide: function (event, ui) {
$('#imgSlider').width = ui.value;
}
这样,您只需展示该div的一部分就可以创建添加/删除单个图像的假象。如果您需要某种静态背景,则将#imgSlider包装到另一个div中并给它一个背景。
或者
您可以这样做(这是我的第一个想法):
slide
的滑块(正如您可以在jQuery UI示例页面上看到的那样)。slide
函数中,检查当前值是否低于或高于新值。您将获得true / false值(即:新滑块值是否较小?)。然后,您需要进行一些微调,例如处理最小值和最大值。但逻辑应该可以工作。