jqueryで幅と高さをパーセントに変更

Question

jqueryスライドショーを使用しています。幅と高さをpecentage値に変更する必要があります。

jquerytransitions.jsは、以下のコード私は可能それをpercentage..isする幅と高さをchngeする必要が

$.fn.jqFancyTransitions.defaults = {  
     width: 682, // width of panel 
     height: 268, // height of panel 
     strips: 10, // number of strips 
     delay: 5000, // delay between images in ms 
     stripDelay: 50, // delay beetwen strips in ms 
     titleOpacity: 0.7, // opacity of title 
     titleSpeed: 1000, // speed of title appereance in ms 
     position: 'alternate', // top, bottom, alternate, curtain 
     direction: 'fountainAlternate', // left, right, alternate, random, fountain, fountainAlternate 
     effect: '', // curtain, zipper, wave 
     navigation: false, // prev next and buttons 
     links : false // show images as links  
    }; 

})(jQuery); 

が含まれていますか？私は考えることができる

Answer 1

あなたが幅を交換しようとするかもしれない：682、高さ：

width : screen.width * (47.45/100), 
height: screen.height * (29.8/100), 

Answer 2

唯一のものは手計算である：

var percentage = 25; //Your desired percentage 
daddyWidth = $('#daddyElelement').width(); 
finalWidth = daddyWidth*percentage/100; 

スクリプトは、「パラメータ配列」に複数の要素を追加することによって、より多くのオプションを取り、最後にあなたがそれらの代わりに置くことができます作りますpixles

width: finalWidth , // width of panel 

Answer 3

の数あなたは幅と高さは、ブラウザウィンドウ、使用に関する相対になりたい場合は、次の

... 
width : window.innerWidth * (percentage/100), 
height: window.innerHeight * (percentage/100), 
... 

それとも、他の要素にそれが相対したい場合：

... 
width : element.offsetWidth * (percentage/100), 
height: element.offsetHeight * (percentage/100), 
...