2011-01-13 67 views
0

我正在使用我在網上找到的jQuery照片幻燈片功能。它包含一個使用手風琴效果來顯示當前顯示照片名稱的div。然而,客戶不希望div「下滑」。他希望它是靜態的,同時仍然加載當前照片標題。我有一個例子here.我如何停止我的幻燈片中的jquery動畫

我試圖進入js文件並註釋掉我認爲會導致動畫到div的部分,但它沒有效果。關於如何在我的示例中實現在特定div上停止jquery動畫的任何想法?

回答

1

我不確定你會把它放在哪裏,但這是你如何做到的。

$('#divName').stop() 
+0

這是有道理的Diodeus和謝謝你。問題是恐怕我可能會停止頁面中的所有動畫,而我只是想停止它的一部分。 – 2011-01-13 21:44:10

1

嘗試改變這一點:

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

我沒有看到改變安迪。但是,謝謝你指出我正確的方向。我不確定我應該提及哪個js文件,並且您向我展示了它是s3Slider.js。 – 2011-01-13 21:43:07

0

與這兩個安迪和Diodeus的幫助下,我覺得我更近了很多比我:)我設法瞭解到我可以給jQuery文件中的函數行提供不同的命令,如

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

我現在知道我可以用.fadeIn等東西代替.slideDown並獲得不同的效果。雖然我能夠將imageSpan(它只是一個包含照片標題的框)從滑動變爲褪色,但我仍然無法讓它「坐」在那裏,什麼都不做。我希望客戶喜歡褪色和離開它:)

1

好吧。我發現一個解決方案適用於我,如果您使用s3Slider.js 我認爲它與s3Slider.js中的超時計算有關... 與圖像執行以下操作:

$(document).ready(function(){('#s3slider')。s3Slider({0}){time_out:12000 // - >使其成爲6000的倍數並且它將是平滑的,僅用6000進行測試}); });