Question

我在我的应用程序中使用了硬币滑块。但硬币滑块受宽度限制。在我的应用程序中，我将文档拆分为两列。第一列仅包含硬币滑块。第二列包含登录panel。根据第二列的宽度，第一列是adjust.I需要以1280*768，800*600等各种屏幕大小运行我的应用程序。在jquery中是否有任何图像滑块没有限制宽度图片？请帮帮我。提前谢谢。

jQuery(document).ready(function() {
                    id = '#coin-slider1'.replace(/:/g, "\\:");
                    var sliderWidth="";
                    jQuery(id).coinslider({width:sliderWidth,height:screen.height/4,delay:500});
                })

Answer 1

在传递给插件的options数组中使用该值之前测量第一列的宽度...

jQuery(document).ready(function() {
    id = '#coin-slider1'.replace(/:/g, "\\:");
    var sliderWidth = $('#column1').width();
    jQuery(id).coinslider({width:sliderWidth,height:screen.height/4,delay:500});
})

Answer 2

我在calumbrodie的帮助下解决了我的问题。感谢calumbrodie。我将tabPanel（parne到滑块的div）的宽度设置为滑块的宽度。我通过以下代码得到了宽度

document.getElementById('homeContentSubView:homeForm:tabPanel').offsetWidth

我的完整代码是，

jQuery(document).ready(function() {
                    id = '#coin-slider1'.replace(/:/g, "\\:");     
                    var sliderWidth = "";                                         sliderWidth=document.getElementById('homeContentSubView:homeForm:tabPanel').offsetWidth-30;                                                       jQuery(id).coinslider({width:sliderWidth,height:screen.height/4,delay:750});
                })

感谢所有人。

Jquery图像滑块，不受宽度限制

2 个答案: