jQuery的滑块控件背景 - 改变dynamicaly

我使用自定义的背景为我的滑块通过重写CSS：jQuery的滑块控件背景 - 改变dynamicaly

$(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是：

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

Slider的行为受到控制这两个班。但是他们的背景图像需要不同。我如何去做这件事？

来源

2010-05-02 publicRavi

更新：

DEMOhttp://jsbin.com/itivu3

SOURCEhttp://jsbin.com/itivu3/edit

注：采取记住你有什么要求，change image dynamically on slide!!!

来源

2010-05-02 23:49:11

这与我想达到的目的相反。对不起，解释不好。我正在尝试为每个滑块类使用不同的背景。 – publicRavi 2010-05-02 23:58:03

这只是一个概念证明！它只是你想要的！只需单独使用！看到我的更新！ – 2010-05-03 00:09:57

我想通了。出于某种原因，aSeptik的建议不起作用。它必须在CSS部分而不是在JS中进行调整。

.myslider5.ui-widget-content {background: transparent url(../img/slider5.png);} 
.myslider3.ui-widget-content {background: transparent url(../img/slider3.png);}

来源

2010-05-03 19:22:19 publicRavi

它正在工作罚款花花公子！问题是我已经使用了你提供给我的CSS！只需使用'url（../ img/myslider5.png）'而不是 'url（../ img/myslider5.png）no-repeat;'查看更新！ – 2010-05-03 20:30:39

并请检查答案！ ;-）谢谢！ – 2010-05-03 20:32:37

@aSeptik不，我必须用上面的行更新CSS文件，而不是JS文件。 – publicRavi 2010-05-04 01:08:05

jQuery的滑块控件背景 - 改变dynamicaly

回答

相关问题