0

我正在使用外部库 - SwipeJS - 用于触摸图片幻灯片，并且它仅在我调整浏览器窗口大小时才有效。

我在身体内部有这样的滑动容器中的图像：

<div id='mySwipe' style='max-width: 500px; margin: 0 auto' class='swipe'>
<div class='swipe-wrap'>
<div>
    <img src="css/images/image4.jpg" width="100%" />
</div>
<div>
    <img src="css/images/image2.jpg" width="100%" />
</div>
<div>
    <img src="css/images/image3.jpg" width="100%" />
</div>
</div>
</div>

而且，我正在正文末尾加载滑动脚本，以确保文档准备就绪 - 正如库作者所建议的那样。该库被加载到<head>容器内。

<script>
    var elem = document.getElementById('mySwipe');
    window.mySwipe = Swipe(elem, {
        startSlide : 1,
        auto : 3000,
        continuous : true
    });
</script>

我试图检查文档是否已准备好，$(document).ready(function() { }但该解决方案也不起作用。

4

1 回答 1

0

您是否尝试过仅使用小部件默认示例进行专门的微调？

<script>
    var slider = Swipe( document.getElementById('mySwipe'), {
        startSlide: 1,
        auto: 3000,
        continuous: true,
        disableScroll: false,
        stopPropagation: false,
        callback: function(index, elem) {},
        transitionEnd: function(index, elem) {}
    } );
</script>
于 2013-10-04T15:03:08.077 回答