0

我无法摆脱看似简单的冲突问题。我有一个页面，使用jquery.1.8、jquery-ui.1.8.20和一个非常不错的幻灯片和轮播插件，称为SlidesJs ( http://slidesjs.com )。

在同一页面中同时加载 jQueryUI 和 SlidesJs 会使 slidesJS 失去幻灯片过渡效果动画（从一张幻灯片移动到另一张幻灯片时）。一切正常，但这个。我的幻灯片在没有动画的情况下切换，无论如何滑动动画的速度保持不变（我的毫秒在幻灯片切换之前正确等待）。“淡入淡出”等其他过渡效果效果很好。我尝试添加 jquery.easing 插件（http://gsgd.co.uk/sandbox/jquery/easing/）并明确使用一些缓动效果，但没有任何改变。

这是我对 SlidesJS 的初始化配置。

    $(function(){
    $('#slides').slides({
        preload: true,
        generateNextPrev: false, //Default is false
        container: 'slides_container', //Default is "slides_container"
        pagination: true, //if slider use pagination, Default is TRUE
        generatePagination: true,
        slideSpeed: 250,
        effect: 'slide, fade',              
        preloadImage: '../images/loading.gif',              
        play: 0,
    });
});

有同样问题的人吗？

4

2 回答 2

2

尝试删除图像周围的 div。

http://slidesjs.com/#docs

<div id="slides">
    <div class="slides_container">
        <img src="http://placehold.it/570x270">
        <img src="http://placehold.it/570x270">
        <img src="http://placehold.it/570x270">
        <img src="http://placehold.it/570x270">
    </div>
</div>
于 2012-09-15T22:39:12.590 回答
0

打开 slides.jquery.js 找到第 98 行和第 99 行

寻找：

    位置=宽度*2；
    方向=-宽度*2；


Replace:

    位置=选项.宽度*2；
    方向=-option.width*2；
于 2013-02-28T12:47:58.213 回答