3 
jQuery(function() {
    jQuery('#allinone_contentSlider_common').allinone_contentSlider({
        skin: 'common',
        width:1000,
        height: 1000,
        autoHideBottomNav:false,
        showPreviewThumbs:false,
        autoHideNavArrows:false,
        thumbsWrapperMarginBottom:-50
    });     
});

完全なページ スライダーにこのコードを使用しています。ロゴと mwnues を使用してページ全体を回転させたいのですが、このコードでは高さと幅が固定されています。固定したくありません。

このコードでは、ページ 100 の幅を設定したいのですが、高さと幅は固定されているので、この問題を解決する方法を教えてください。

4

5 に答える 5

5

CSS を使用して幅を設定します。これで、jQuery を使用して css を次のように変更できます。

$("#id_of_your_element").css("width", "20%");
于 2013-05-30T08:51:59.540 に答える
2

次を使用して、幅と高さのパーセンテージを簡単に設定できます。

$(elem).width('100%');
$(elem).height('100%');

これは、それを含む親の 100% の高さと幅であり、必ずしもページの 100% の高さと幅ではないことに注意してください。#allinone_contentSlider_common要素の親の高さと幅が 100 ピクセルしかない場合、100% はそれらの値を反映します。

このプラグイン メソッドがどのように機能するかに応じてallinone_contentSlider()、以下を簡単に使用できるはずです。

jQuery('#allinone_contentSlider_common').allinone_contentSlider({
    width: '100%',
    height: '100%',
    ...
});
于 2013-05-30T08:51:40.447 に答える
1

まず、allinone_contentSlider使用しているオプションが整数以外を受け入れることを確認する必要がありwidthます。

そうであれば、正しいオプションは次のようになりますwidth: '1000%'。現在は整数ではなく文字列であることに注意してください。

于 2013-05-30T08:51:43.300 に答える
0

試す

jQuery(function() {
var main_height = jQuery(window).height();
var main_width = jQuery(window).width();
jQuery('#allinone_contentSlider_common').allinone_contentSlider({
    skin: 'common',
    width: (main_width/100)*(your_width_in_%),
    height: (main_height/100)*(your_height_in_%),
    autoHideBottomNav:false,
    showPreviewThumbs:false,
    autoHideNavArrows:false,
    thumbsWrapperMarginBottom:-50
});     
});
于 2013-05-30T08:54:22.453 に答える