【问题标题】:jQuery value slider with image带有图像的 jQuery 值滑块
【发布时间】:2013-04-05 08:52:47
【问题描述】:

有没有人知道一个好的解决方案(或者可能是一个插件)来创建如下图所示的滑块(使用 jquery、jquery ui、任何其他库)?

image value slider img

所以这个想法基本上是你滑动背景图像,而不是一个小指示器。

更新

我正在尝试将 ui 滑块与可拖动属性连接起来,但运气不佳。你可以在这里玩:JSBIN

【问题讨论】:

  • 应该是无限滑块。是否需要您可以定义不同的范围?
  • 它不应该是无限的,有一个最小值和最大值。图像很宽并且包含所有值,所以我可以使用它。我知道只重复其中的一部分会更优雅,但我需要一个相对快速的解决方案

标签: jquery jquery-ui slider jquery-ui-slider


【解决方案1】:

编辑: 你可以制作那个图像。将它放在一个 div 中使其溢出隐藏。使其可拖动。

拖动图片时,调用slider的滑块函数。这样它看起来就像一个滑块。

【讨论】:

  • 好主意。我试过不带滑块功能,只是计算拖动的偏移量,但是稍微激进一点的拖动就不好了。所以我也需要滑块功能,但我不知道如何触发它。 jsbin.com/usuxog/1/edit
  • 您上面的链接有效?? .. 你能解释一下什么不起作用,因为我可以看到缩放图像根据需要被拖动:)。
  • 基本上我的想法是错误的。我认为我需要在拖动 div 时以某种方式触发滑块,以获得最准确的值,但它也可以从拖动的 div 位置计算出来。所以因为解决方案是基于你的想法,所以我接受你的回答:) 谢谢!
猜你喜欢
  • 1970-01-01
  • 2014-05-05
  • 1970-01-01
  • 2015-10-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多