jQuery slider 小部件背景——动态变化

Question

我通过覆盖 CSS 为我的 slider 使用自定义背景:

.ui-widget-content {background: transparent url(../img/bg.png) no-repeat;}

slider 的行为由以下因素控制:

$(document).ready(function() {
    $(".myslider5").slider({
        animate: "true",
        step: 1,
        min: -1950,
        max: 1950,
        value: 0,
        slide: function(event, ui) {
               // magic happens here
        }
    });
    $(".myslider3").slider({
        animate: "true",
        step: 1,
        min: -1350,
        max: 1350,
        value: 0,
        slide: function(event, ui) {
               // magic happens here
        }
    });

所以，myslider5 和myslider3 是两个类。但是他们的背景图片需要不同。我该怎么做？

Answer 1

更新:

演示 http://jsbin.com/itivu3

来源 http://jsbin.com/itivu3/edit

注意:考虑到您的要求，在幻灯片上动态更改图像!!!