jQuery旋钮，放置图像而不是文本

我正在使用，我想知道是否有任何方法可以将图像放在旋钮内部而不是文本，如果没有，是否还有其他类似于jQuery旋钮的插件具有此功能？

快速回答是肯定的。旋钮将与图像一起工作。您所需要做的就是为know分配要处理的类/id

 <img class='knob' src='http://webtaj.com/images/car-best-sports-cars_41187.jpg'>   

---

旋钮本身没有这样的选项，但您可以随时使用jQuery侵入，很显然，旋钮将创建一个外部DIV来容纳画布，因此您可以调用类似以下代码的代码将IMG标记插入该DIV，并使用位置（相对/绝对）来管理其外观。 您可以围绕旋钮的宽度和高度进行游戏，使用.knob image top/left使其与圆圈内的图像完美匹配

<style>
    .knob-image {
        position: absolute;
        top: -71px;
        left: 15px;
        width: 70px !important;
        height: 70px !important;
        border-radius: 50%;
    }
</style>
<div class="knob" data-width="100" data-height="100" data-thickness=".3" data-displayInput=false></div>    
<script>
    $(".knob").knob();         
    $(".knob").parent('div').css('position', 'relative').prepend('<img src="abc.jpg" class="knob-image">');        
    $(".knob").val(27).trigger("change"); //set the default value
</script>

.旋钮图像{
位置：绝对位置；
顶部：-71px；
左：15px；
宽度：70px！重要；
高度：70px！重要；
边界半径：50%；
}
$（“.knob”）.knob（）；
$（“.knob”）.parent（'div'）.css（'position'，'relative'）.prepend（''）；
$（“.knob”）.val（27）。触发器（“更改”）//设置默认值

---

这里有另一篇帖子问同样的问题：

我正试图利用你的知识，有没有办法改变图片。就像我有9张图片，当我滑幻灯片时，我可以显示图片？我希望您理解我的问题。我想value参数在这里不起作用，正如我在您的小提琴中看到的那样。当外圈有图像时，你知道如何填充它吗？@San--是的，你可以在旋钮期间更改图像，只需添加更改回调。我已经更新了fiddle@void我不知道我是否明白你在找什么。