Question

我正在使用我在网上找到的jquery照片幻灯片功能。它包含一个div，它使用手风琴效果显示当前显示的照片的名称。然而，客户端不希望div“滑动”下来。他希望它静止，同时仍然加载当前的照片标题。我有一个例子here.

我尝试进入js文件并将我认为导致动画的部分注释到div，但它没有任何效果。关于如何在我的示例中在一个特定div上停止jquery动画的任何想法？

Answer 1

我不确定你把它放在哪里，但这就是你做的。

$('#divName').stop()

Answer 2

尝试改变这一点：

$(items[currNo]).fadeIn((timeOut / 6), function() {
    if ($(itemsSpan[currNo]).css('bottom') == 0) {
        $(itemsSpan[currNo]).slideUp((timeOut / 6), function() {
            faderStat = false;
            current = items[currNo];
            if (!mOver) {
                fadeElement(false);
            }
        });
    } else {
        $(itemsSpan[currNo]).slideDown((timeOut / 6), function() {
            faderStat = false;
            current = items[currNo];
            if (!mOver) {
                fadeElement(false);
            }
        });
    }
});

到此：

$(items[currNo]).fadeIn((timeOut / 6), function() {
            faderStat = false;
            current = items[currNo];
            if (!mOver) {
                fadeElement(false);
            }
});

Answer 3

好。如果您正在使用s3Slider.js，我发现一个适合我的工作我认为它与s3Slider.js中的timeOut计算有关... 在包含图像的页面上执行以下操作：

$（document）.ready（function（）{ $（ '＃s3slider'）。s3Slider（{ timeOut：12000 // - ＆gt;使它成为6000的倍数，它将是平滑的。仅测试6000＆amp; 12000 }）; }）;

Answer 4

在Andy和Diodeus的帮助下，我认为我比我更接近:)我设法了解到我可以在jquery文件中为函数行提供不同的命令，例如

$(itemsSpan[currNo]).fadeIn((timeOut/6), function() {

我现在知道我可以用.slideDown之类的内容替换.fadeIn并获得不同的效果。虽然我能够将imageSpan（它只是一个带有照片标题的盒子）从滑动变为褪色，但我仍然无法做到只是＆＃34; sit＆＃34;在那里，什么也不做。我希望客户喜欢褪色，并将其留在那里：）

如何在幻灯片中停止jquery动画

4 个答案: