Jquery图像滑块,不受宽度限制
我在我的应用程序中使用了硬币滑块。但硬币滑块受宽度限制。在我的应用程序中,我将文档拆分为两列。第一列仅包含硬币滑块。第二列包含登录面板.Acording到第二列的宽度,第一列是adjust.I需要以1280*768
768,800 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}); })
在传递给插件的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}); })
我已经在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}); })
谢谢大家。