jQuery Quicksand + Captify(滚动脚本)

时间:2011-02-07 00:04:12

标签: javascript jquery rollover quicksand

所以我的jQuery Captify(图像翻转上的标题)和Quicksand(图像过滤系统)在一起工作得不好。当页面加载时,当我将鼠标悬停在图像上时,我的Captify效果很好,但是当我单击链接过滤我的缩略图时,captify脚本就会停止工作。

我试图每隔x秒调用一次captify脚本,但我要么没有正确地执行它,要么它只是不正确的解决方案。谁能帮我吗?该网站位于http://www.galaxyturbo.net/new/index.php

如果您使用的是Firebug或Google Chrome中的类似开发者工具,您可以从那里查看我的代码,我只是不想将此页面垃圾邮件。如果你能帮到我,我非常感谢你,我真的很绝望。

1 个答案:

答案 0 :(得分:2)

好吧,我会说我们都需要学习更多JavaScript,但我遇到了同样的问题,这就是你如何使它工作:

你需要做的是在QUICKSAND CLONNING之后召回胜利功能! 所以寻找流沙的JS代码,寻找:

    $holder.quicksand($filteredData, {
        duration: 800,
        easing: 'easeInOutQuad'
    });
    return false;

应该如下所示:

    $holder.quicksand($filteredData, {
        duration: 800,
        easing: 'easeInOutQuad'
    },
    // RECALL CAPTIFY  ===============================
       function() { $('img.captify').captify({
        speedOver: 'fast',
        speedOut: 'normal',
        hideDelay: 500,
        animation: 'slide',
        prefix: '',
        opacity: '0.7',
        className: 'caption-bottom',
        position: 'bottom',
        spanWidth: '100%'
        });
       }
    // RECALL CAPTIFY  ==============================
    );
    return false;
希望有所帮助! 此外,您还必须对其他脚本执行相同的操作,例如LightBox或PrettyPhoto。