0

我想：

自动播放：当窗口大小的宽度> 900 时为假，并且，

自动播放：当窗口大小为 width<900 & width>701 并且 , 时为真

自动播放：当窗口大小宽度<701时为假

使用 jQuery flowlideshow 并在调整窗口大小时运行此代码

但不工作。

$(window).resize(function () {
var width = $(window).width();
if (width > 900) {
    $(function () {
        $(".slidetabs").tabs(".images > div", {
            // enable "cross-fading" effect
            effect: 'fade',
            fadeOutSpeed: "slow",
            // start from the beginning after the last tab
            rotate: true,
            showMultiple: 5
            // use the slideshow plugin. It accepts its own configuration
        }).slideshow({ **autoplay: false**, clickable: false });
    });
}
else if (width < 900 & width > 701) {
    $(function () {
        $(".slidetabs").tabs(".images > div", {
            // enable "cross-fading" effect
            effect: 'fade',
            fadeOutSpeed: "slow",
            // start from the beginning after the last tab
            rotate: true,
            showMultiple: 5
            // use the slideshow plugin. It accepts its own configuration
        }).slideshow({ **autoplay: true**, clickable: false });
    });
}
else (width < 701)
{
    $(function () {
        $(".slidetabs").tabs(".images > div", {
            // enable "cross-fading" effect
            effect: 'fade',
            fadeOutSpeed: "slow",
            // start from the beginning after the last tab
            rotate: true,
            showMultiple: 5
            // use the slideshow plugin. It accepts its own configuration
        }).slideshow({ **autoplay: false**, clickable: false });
    });
}    });
4

1 回答 1

0

窗口的 onResize 事件并不总是在页面加载时触发，因此在这种情况下幻灯片不会自动播放。它似乎在 ie9 中的页面加载时触发。

此外，每次调整页面大小时，此代码都会重新创建幻灯片——这也可能不是您想要的。

您可能会更好地在页面加载时绑定幻灯片，然后绑定一个事件以调整大小以暂停/恢复幻灯片行为。像这样：

jQuery(function($) {
    // detect window size and init slideshow here
    $(window).on('resize', function () {
        // detect window size and pause or resume the slideshow
    });
});

在没有看到您正在使用的幻灯片的文档的情况下，我无法为您指明在初始化后如何修改幻灯片的确切方向，但如果您遵循上述原则，这应该是可能的。

（附带说明，要检查调整大小事件是否被正确触发，您可以console.log($(window).width())）

如果您需要更多帮助，请考虑发布包含完整示例的Fiddle，并链接到您正在使用的幻灯片插件的文档。

于 2012-11-29T13:18:45.223 回答