首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQueryUI与SlidesJS冲突

jQueryUI与SlidesJS冲突
EN

Stack Overflow用户
提问于 2012-08-30 07:02:01
回答 1查看 1.5K关注 0票数 0

我无法摆脱这个看似简单的冲突问题。我有一个页面使用,jquery.1.8,和相当不错的幻灯片演示和旋转木马插件,称为SlidesJs (http://slidesjs.com)。

在同一个页面中同时加载jQueryUI和SlidesJs会使slidesJS丢失,这就是幻灯片转换效果动画(同时从幻灯片移动到另一个幻灯片)。一切正常除了这个。我有我的幻灯片切换没有动画,无论如何,滑动动画的速度是保持(我的毫秒正确等待之前幻灯片切换)。其他的过渡效果,如“褪色”,效果很好。我试图添加jquery.easing插件(http://gsgd.co.uk/sandbox/jquery/easing/),并显式地使用了一些缓和效果,但没有什么改变。

这是我对SlidesJS的初始配置。

代码语言:javascript
运行
复制
    $(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,
    });
});

有同样问题的人吗?

EN

回答 1

Stack Overflow用户

发布于 2012-09-15 22:39:12

尝试删除你的图像周围的div。

http://slidesjs.com/#docs

代码语言:javascript
运行
复制
<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>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12191532

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档