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

如何在幻灯片中停止jquery动画,jquery,slideshow,jquery-animate,Jquery,Slideshow,Jquery Animate,我正在使用我在网上找到的jquery照片幻灯片功能。它包含一个div,使用手风琴效果显示当前正在显示的照片的名称。但是,客户端不希望div向下“滑动”。他希望它是静态的,同时仍然加载当前的照片标题,因为他们前进。我有一个例子 我试着进入js文件并注释掉我认为会导致div动画的部分,但没有效果。在我的示例中,关于如何在一个特定的div上停止jquery动画,您有什么想法吗?我不确定您会把它放在哪里,但这就是您如何做到的 $('#divName').stop() 我不知道你会把这个放在哪里,但你就

我正在使用我在网上找到的jquery照片幻灯片功能。它包含一个div,使用手风琴效果显示当前正在显示的照片的名称。但是,客户端不希望div向下“滑动”。他希望它是静态的,同时仍然加载当前的照片标题,因为他们前进。我有一个例子


我试着进入js文件并注释掉我认为会导致div动画的部分,但没有效果。在我的示例中,关于如何在一个特定的div上停止jquery动画,您有什么想法吗?

我不确定您会把它放在哪里,但这就是您如何做到的

$('#divName').stop()

我不知道你会把这个放在哪里,但你就是这样做的

$('#divName').stop()
尝试更改此选项:

$(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);
            }
});
尝试更改此选项:

$(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);
            }
});

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

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

现在我知道我可以用
.fadeIn
之类的东西替换
.slideDown
,并获得不同的效果。虽然我能够将imageSpan(这只是一个有照片标题的盒子)从滑动变为淡入淡出,但我仍然无法让它“坐”在那里什么也不做。我希望客户喜欢淡入淡出,就这样吧:)

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

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

现在我知道我可以用
.fadeIn
之类的东西替换
.slideDown
,并获得不同的效果。虽然我能够将imageSpan(这只是一个有照片标题的盒子)从滑动变为淡入淡出,但我仍然无法让它“坐”在那里什么也不做。我希望客户喜欢淡入淡出,就这样吧:)

好的。如果你使用s3Slider.js,我找到了一个适合我的解决方案 我认为这与s3Slider.js中的超时计算有关。。。 在包含图像的页面上执行以下操作:

$(文档).ready(函数(){ $('#s3slider').s3slider({ 超时:12000/-->将其设置为6000的倍数,它将是平滑的。仅使用6000和12000进行测试 });
});

好的。如果你使用s3Slider.js,我找到了一个适合我的解决方案 我认为这与s3Slider.js中的超时计算有关。。。 在包含图像的页面上执行以下操作:

$(文档).ready(函数(){ $('#s3slider').s3slider({ 超时:12000/-->将其设置为6000的倍数,它将是平滑的。仅使用6000和12000进行测试 });
});

安迪,我没看到任何变化。但是谢谢你给我指出了正确的方向。我不确定我应该引用哪个js文件,你在上面告诉我它是s3Slider.js。我没有看到任何变化。但是谢谢你给我指出了正确的方向。我不确定应该引用哪个js文件,您在上面向我展示了它是s3Slider.js。这很有意义,谢谢。问题是我担心我可能会停止页面中的所有动画,我只想停止其中的一部分。这很有意义,谢谢。问题是我担心我可能会停止页面中的所有动画,我只想停止其中的一部分。