0

バナーのサイズを変更するために画面を更新する必要があることを除けば、うまく機能するこのソリューションを思いつきました。

<script type="text/javascript">
    var wi = $("#containingDiv").width();
    var iw = $(document).width();
    $(document).ready(function () {
        var iw = $(document).width();
        $('#test b').html(iw);
        $(window).resize(function () {
            iw = $(document).width();
            $('#test b').html(iw);
            wi = $("#containingDiv").width();
            wi = Math.round(iw * .6);
            $('#test1 b').html(wi);
            $("#s1").css('width',wi);
            $("#s2").css('width',wi);
            $("#s3").css('width',wi);
            $("#s4").css('width',wi);
            $("#s5").css('width',wi);
            $("#s6").css('width',wi);
            $("#s7").css('width',wi);
            $("#s8").css('width',wi);


        });
        $('#allinone_bannerRotator_classic').allinone_bannerRotator({
            skin: 'classic',
            width: wi,
            height: wi /2,
            responsive: true,
            responsiveRelativeToBrowser: true,
            animationTime: 0.5,
            width100Proc: false,
            autoHideBottomNav: true,
            showPreviewThumbs: false,
            showNavArrows: false,
            showBottomNav: false,
            autoHideNavArrows: true,
            loop: true,
            enableTouchScreen: true,
            showCircleTimer: false,
            autoPlay: 4,
            resizeImages: true,
            defaultEffect: 'fade'
        });

        ////$('.bxslider').bxSlider({
        ////    mode: 'fade',
        ////    captions: true
        ////});
    });
</script>

まず、バナーを配置した div の幅を取得し、ドキュメントの幅を取得してから、画像とバナーをスケーリングします。ウィンドウのサイズ変更内にバナー スクリプトを配置しようとしましたが、残念ながら機能せず、画像が表示されませんでした。ご提案いただければ幸いです。

4

1 に答える 1

0

まず、サイズ変更関数を準備完了関数の内側ではなく、横に配置する必要があります。

$(document).ready(function () {
    //Stuffs here
});

$(window).resize(function () {
    //Stuffs here
});

.refresh()allinone_bannerRotator プラグイン用の関数があります。

したがって、準備ができたらプラグインを初期化し、サイズ変更時に新しいオプション (幅) を設定してから更新します。プラグインのドキュメントを読んでください。

于 2013-10-07T07:26:18.527 に答える