我正在使用我在網上找到的jQuery照片幻燈片功能。它包含一個使用手風琴效果來顯示當前顯示照片名稱的div。然而,客戶不希望div「下滑」。他希望它是靜態的,同時仍然加載當前照片標題。我有一個例子here.我如何停止我的幻燈片中的jquery動畫
我試圖進入js文件並註釋掉我認爲會導致動畫到div的部分,但它沒有效果。關於如何在我的示例中實現在特定div上停止jquery動畫的任何想法?
我正在使用我在網上找到的jQuery照片幻燈片功能。它包含一個使用手風琴效果來顯示當前顯示照片名稱的div。然而,客戶不希望div「下滑」。他希望它是靜態的,同時仍然加載當前照片標題。我有一個例子here.我如何停止我的幻燈片中的jquery動畫
我試圖進入js文件並註釋掉我認爲會導致動畫到div的部分,但它沒有效果。關於如何在我的示例中實現在特定div上停止jquery動畫的任何想法?
我不確定你會把它放在哪裏,但這是你如何做到的。
$('#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);
}
});
我沒有看到改變安迪。但是,謝謝你指出我正確的方向。我不確定我應該提及哪個js文件,並且您向我展示了它是s3Slider.js。 – 2011-01-13 21:43:07
與這兩個安迪和Diodeus的幫助下,我覺得我更近了很多比我:)我設法瞭解到我可以給jQuery文件中的函數行提供不同的命令,如
$(itemsSpan[currNo]).fadeIn((timeOut/6), function() {
我現在知道我可以用.fadeIn
等東西代替.slideDown
並獲得不同的效果。雖然我能夠將imageSpan(它只是一個包含照片標題的框)從滑動變爲褪色,但我仍然無法讓它「坐」在那裏,什麼都不做。我希望客戶喜歡褪色和離開它:)
好吧。我發現一個解決方案適用於我,如果您使用s3Slider.js 我認爲它與s3Slider.js中的超時計算有關... 與圖像執行以下操作:
$(document).ready(function(){('#s3slider')。s3Slider({0}){time_out:12000 // - >使其成爲6000的倍數並且它將是平滑的,僅用6000進行測試}); });
這是有道理的Diodeus和謝謝你。問題是恐怕我可能會停止頁面中的所有動畫,而我只是想停止它的一部分。 – 2011-01-13 21:44:10