Javascript 使用Gallerific 2.0构建动画队列

我想知道如何使用stop（）函数来停止Galleriffic的动画生成。当您快速重复地将鼠标悬停在缩略图上时，就会发生这种情况。我知道在一个简单的jquery脚本中，您会将stop（）函数与animate函数一起使用，但是galleriffic使用了太多的代码，我不确定在哪里以及如何应用它

---

顺便说一句，我不熟悉jquery。我使用jquery 1.4.4和Galleriffic 2.0，并且一直在研究Galleriffic下载中包含的示例。

好的，终于找到了答案。事实证明，当鼠标移到缩略图上时，透明度的下降是由一个名为“jquery.opacityrollover.js”的脚本处理的

透明度不使用jquery的“animate”函数设置动画，而是使用“fadeTo”函数设置动画。代码如下所示：

/**
 * jQuery Opacity Rollover plugin
 *
 * Copyright (c) 2009 Trent Foley (http://trentacular.com)
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */
;(function($) {
var defaults = {
    mouseOutOpacity:   0.67,
    mouseOverOpacity:  1.0,
    fadeSpeed:         'fast',
    exemptionSelector: '.selected'
};

$.fn.opacityrollover = function(settings) {
    // Initialize the effect
    $.extend(this, defaults, settings);

    var config = this;

    function fadeTo(element, opacity) {
        var $target = $(element);

        if (config.exemptionSelector)
            $target = $target.not(config.exemptionSelector);    

        $target.fadeTo(config.fadeSpeed, opacity);
    }

    this.css('opacity', this.mouseOutOpacity)
        .hover(
            function () {
                fadeTo(this, config.mouseOverOpacity);
            },
            function () {
                fadeTo(this, config.mouseOutOpacity);
            });

    return this;
};
})(jQuery);

所以我通过试验和测试发现，你所要做的就是改变

$target.fadeTo(config.fadeSpeed, opacity);

到

$target.stop().fadeTo(config.fadeSpeed, opacity);