0

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

jquerytransitions.jsには以下のコードが含まれています

$.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);

幅と高さをパーセンテージに変更する必要があります。それは可能ですか？

4

3 に答える 3

0

私が考えることができる唯一のことは手動計算です：

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

「パラメータ配列」に要素を追加することで、スクリプトがより多くのオプションを使用できるようにします。最後に、ピクセルの数の代わりにそれらを配置できます。

width: finalWidth , // width of panel
于 2012-04-18T09:21:53.403 に答える
0

幅と高さをブラウザウィンドウを基準にする場合は、次を使用します。

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

または、他の要素との相対的な関係が必要な場合：

...
width : element.offsetWidth * (percentage/100),
height: element.offsetHeight * (percentage/100),
...
于 2012-04-18T09:23:15.793 に答える
0

幅：682、高さ：268を次のように置き換えてみてください。

width : screen.width * (47.45/100),
height: screen.height * (29.8/100),
于 2012-04-18T10:56:32.513 に答える