Слайдер изображений Jquery без ограничения ширины

Question

Я использовал ползунок для монет в своем приложении. Но ползунок для монет ограничен по ширине. В моем приложении я разбил документ на две колонки. Первый столбец содержит только ползунок для монет. Второй столбец содержит логинПанель. В соответствии с шириной второго столбца, первый столбец был отрегулирован. Мне нужно запустить мое приложение на экране с различными размерами, такими как 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

Измерьте ширину первого столбца, прежде чем использовать это значение в массиве параметров, который вы передаете в плагин ...

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 to fo 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});
                })

Спасибо всем.