首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >nivo滑块和lightbox冲突jquery

nivo滑块和lightbox冲突jquery
EN

Stack Overflow用户
提问于 2013-03-28 19:58:55
回答 2查看 5.1K关注 0票数 0

有人能帮我实现这个jquery函数吗?我知道这两者都有冲突,但我不知道我必须改变什么。

它既可以在页面上运行也可以在页面上运行。但是灯箱不能工作了。

灯箱

代码语言:javascript
运行
复制
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

Nivo滑块

代码语言:javascript
运行
复制
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="slider/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
    effect:'fade',
    slices:10,
    animSpeed:1500,
    pauseTime:10000,
    directionNav:true, //Next & Prev
    directionNavHide:true, //Only show on hover
    controlNav:true, //1,2,3...
    keyboardNav:true, //Use left & right arrows
    pauseOnHover:true, //Stop animation while hovering
    manualAdvance:false, //Force manual transitions
    captionOpacity:0.8, //Universal caption opacity
    beforeChange: function(){},
    afterChange: function(){},
    slideshowEnd: function(){} //Triggers after all slides have been shown
    });
  });
 </script> 
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-03-28 20:04:01

试试这个:

代码语言:javascript
运行
复制
<script type="text/javascript">
var j = jQuery.noConflict();
j(window).load(function() {
  j('#slider').nivoSlider({
票数 0
EN

Stack Overflow用户

发布于 2013-04-05 23:49:48

只是想说我也有同样的问题。

插件:

用于本地画廊的

  • jQuery灯箱
  • WordPress

的Nivo滑块

我删除了第32行,使其正常工作:

代码语言:javascript
运行
复制
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

从位于\plugins\nivo-slider for-wordpress\中的nivoslider4wp-shop.php

我希望这能有所帮助。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15681198

复制
相关文章

相似问题

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