幅の制限なしのJqueryイメージスライダー

Question

私のアプリケーションではコインスライダーを使用していますが、コインスライダーは幅によって制限されています。私のアプリケーションでは、2つのコラムにドキュメントを分割しました。 .2番目の列にはログインパネルが含まれています.2番目の列の幅に応じて、最初の列は調整されました。1280*768、800*600などのさまざまな画面サイズでアプリケーションを実行する必要があります。イメージ？助けてください。前もって感謝します。

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

Answer 1

私はcalumbrodie.Thanksの助けを借りて、私の問題を修正する必要があり...

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に。 tabPanelの幅（スライダのfo divにparne）をスライダの幅として設定します。 私は以下のコード

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

おかげです。