0

私はdrupalで作業しています。jqueryを使用してスライドショーを作成しましたが、画像はブラウザによってサイズが異なります。幅と高さを%で設定することは可能ですか?

<script src="http://test/sites/js/jqFancyTransitions.1.8.min.js" type="text/javascript"></script>
<script>
$('#ft').jqFancyTransitions({
    effect: 'zipper', // wave, zipper, curtain
    width: 682, // width of panel
    height: 268, // height of panel
    strips: 20, // number of strips
    delay: 2500, // 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
    navigation: false, // prev and next navigation buttons
    links: false // show images as links
});
4

4 に答える 4

2

これを試して

width : screen.width * (desired percentage/100),
height: screen.height * (dsired percentage/100),
于 2012-04-18T10:52:08.040 に答える
0
// set panel
        $('#'+el.id).css({
            'background-image':'url('+img[el.id][0]+')',
            'width': params.width,
            'height': params.height,
            'position': 'relative',
            'background-position': 'top left'
            });

例えば:

// set panel
        $('#'+el.id).css({
            'background-image':'url('+img[el.id][0]+')',
            'width': a%,
            'height': b%,
            'position': 'relative',
            'background-position': 'top left'
            });

これはjqFancyTransitions.1.8.jsの関連コードです

params.widthとのparams.height値を、すべてではなく//set panel、パラメータでcssが割り当てられているパーセンテージに置き換えてみてください。ただし、これら2つの変数は、コード内の他の場所でも使用されます。あなたがそれを試さない限り、あなたはそれらが何に影響するかを決して知らないかもしれません。

于 2012-04-18T07:44:09.077 に答える
0

% width & heightに変更すると、異なるブラウザで同じサイズの画像が作成されるかどうかわかりません。

width & heightinを定義することpxは、すべてのブラウザーで同じサイズにするための最良の選択です。

ただし、本当に必要な場合は、その関数パラメーターを変更して、次のように設定する必要があります。

   $.....
   $width: '80%', // width of panel
   $height: '60%', // height of panel
   $.....
于 2012-04-18T07:44:45.273 に答える
0

プラグインコードで直接できることはわかりませんが、幅と高さの行を省略し、css を使用してスタイルシートから関連する画像のスタイルを設定し、そこにパーセンテージで寸法を設定できます

于 2012-04-18T07:39:18.630 に答える