完美解决lavalamp与Slimbox冲突

自从将导航栏添加了lavalamp效果后,我博客的图片lightbox特效失效了,这让人很不爽,无奈之下谷歌之,才找到了问题的根源!
  #冲突的最根本原因:
  由于Lavalamp的"easing mode"是"linear" ,而我用的Slimbox的"easing mod"为"swing" ,在“jQuery Easing plugin”官网(轻抚here浏览官网)升级部分有提到:"12/11/07 1.3 jQuery easing now supports a default easing mode. Define your preferred animation once for ALL animation."大意就是"easing mode"只能支持一种,比如上面的两种的话,要么都用"linear",要么都用"swing"
  #解决方案
  现在我们只要更改Slimbox 的easing mode为"linear",打开slimbox2.js文件,找到resizeEasing:"swing",将它替换成resizeEasing:"linear".即可
  好了,搞定了!够简单了吧!

Comments

  1. 我的lavalamp导航栏与wp-facebox-download插件的JS冲突,怎么也找不出原因来,亨sir能不能帮忙看看?

    [reply]

    亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

    @Jav2me, 我看了你在wjunction.com上的问题求助,英语不错啊!我先测试看下!希望能找出问题根源所在

    [reply]

    Jav2meat Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

    @亨sir, 亨sir也上WJ呀 😮 你怎么知道那个是我的呀?希望能等到你的好消息 🙄

    [reply]

    亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

    @Jav2me, 哇,我只说试试啊!也不知道能不能解决了!!
    刚才吃饭去了!

    [reply]

    Jav2meat Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

    @亨sir, 囧了,我的空间上不知道抽啥疯,cPanel进不去,数据库连不上,客服没人在线,真是苦逼了。。。

    我在本地电脑上搭建了一个wordpress进行了测试,也是只要一将导航栏设置成lavalamp,插件WP Facebox download就立刻出现我在WJ上描述的样子了,另外一个站:http://www.an80.com(我朋友的站,模板和我是一模一样的,我帮忙做得修改和优化,可以用http://www.mo1984.com/archives/facebox_dlist_show.html 这个mo大写的插件,我的博客却依然不行,而且本地架设的wordpress连这个插件的CSS都不调用。。。)

    主要问题就在lavalamp的.js文件上,因为只要我在footer.php里标签之前将这条删除,插件就能用了。。。

    希望亨sir不吝赐教啊,拜托摆脱……

    [reply]

    Jav2meat Firefox 11.0 Firefox 11.0 Windows 7 Windows 7

    @Jav2me, 发现好多语句被过滤了。。。就是在body结束标签之前把调用lavalamp.js的语句去除(其实就是取消lavalamp啦),插件就恢复。。。

    [reply]

    亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

    @Jav2me, 被过滤了?我用gmail跟你聊

    [reply]

    亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

    @Jav2me, 你不会是在控制面板里直接改的吧!你试下用FlashFXP上传一下,既然你在你朋友网站上测试通过可用,那肯定是在某些细节出错了!!这样,你先把插件停用,把lavalamp完全去掉(记得完全去掉),等于是回归到你未加这两个东西之前的状态,再仔细按教程操作一遍,应该没有问题的!不要急躁!!

    [reply]

  2. 熬不住了,凌晨5点20分了,又折腾了一个通宵结果啥也没解决,真是得求助大家了 😥

    [reply]

    亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

    @Jav2me, 嗯,那要好好休息一下了

    [reply]

    亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

    @Jav2me, 晕,你在国外啊!呵呵

    [reply]

  3. 貌似不行哦~ 我在本地新搭建的一个干净的wordpress,用同样的主题,lavalamp没有搞的时候,插件可用,lavalamp只要一添加上,就不行了。具体步骤是这样的:

    1,搭建了新的wordpress
    2,安装了iNove主题
    3,安装了插件WP Facebox download,效果完好
    4,修改了footer.php文件,在body结束标签之前添加加载lavalamp.js的代码(这个时候没把lavalamp.js放进js文件夹,插件的效果还是好的)
    5,把lavalamp.js放进js文件夹,lavalamp效果出现,插件效果就出错了。。。
    Jav2me 最近发布的文章..testMy Profile

    [reply]

  4. 连续奋战3天,终于解决了,发现时lavalamp的js文件有问题,参考了easing的标准格式进行了修改,终于搞定了。感谢亨sir的帮助,而且您的这篇文章给与了我很大很大的启示。

    我在mg12的那篇http://www.neoease.com/lavalamp-for-wordpress-users/
    留言中写下了他的代码开头部分的问题。

    哦,对了,他的代码是压缩过后的,利用此地址进行了还原:http://www.web600.net/tool/jsformat/

    终于安心了 🙄
    Jav2me 最近发布的文章..testMy Profile

    [reply]

    亨sirat Firefox 10.0.2 Firefox 10.0.2 Windows XP Windows XP

    @Jav2me, 哇,好小伙啊,这么爱折腾啊!!嘎嘎!连加密都发现了,嘿嘿

    [reply]

  5. easing.js的作者,有提供一个js兼容性补丁:
    jquery.easing.compatibility.js
    引入这个文件后,
    本文提到的冲突,应该也可以解决的。。。

    详见:
    http://gsgd.co.uk/sandbox/jquery/easing/

    [reply]

    亨sirat Firefox 13.0.1 Firefox 13.0.1 Windows 7 Windows 7

    @ych,
    谢谢这位朋友分享,有问题的朋友如果通过本文还不能解决,可以点上链接一试

    [reply]

发表评论

电子邮件地址不会被公开。 必填项已用*标注

CommentLuv badge