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

首先，你应该把你的 resize 函数放在 ready 函数旁边，而不是放在里面。

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

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

.refresh()你的 allinone_bannerRotator 插件会有一个功能。

因此，在准备就绪时，您初始化插件，在调整大小时，设置新选项（宽度），然后刷新。阅读插件的文档。

于 2013-10-07T07:26:18.527 回答