js水平滑動效果

Question

我目前正在使用jQuery，並且正在尋找一種方式來將圖像左側滑動，然後將其作爲新圖像幻燈片留下。

具體來說，我有一個iphone的靜態圖像。當我點擊一個鏈接時，我需要將當前圖像顯示在iphone的圖像查看器中，以便在新圖像從右側滑入時向左滑動。通常情況下，這些圖像及其名稱和路徑將在運行中生成，因此無法事先存儲在DOM中。

我更喜歡可以不引人注目地應用的解決方案。

我知道jquery有slideUp和slideDown。他們爲什麼不離開和離開？

Answer 1

jQuery提供了animate（）方法，允許您創建自定義動畫。它有四個參數：

1. 樣式屬性的地圖和值
2. 可選速度
3. 可選寬鬆型
4. 一種可選的回調函數

所以移動一些東西到你可以這樣做：

$('#pic').animate({left:500}, 'slow'); 

當然，pic會將其CSS位置設置爲絕對或相對值，以便新值生效。

#pic 
{ 
    position:absolute; 
    left:100px; 
    top:10px; 
} 

Answer 2

也許jCarousel會爲你做這個？

Answer 3

您可以通過優秀的Cycle plugin實現此目的。然而，在這種情況下，它可能比你真正需要的要多一點。

Answer 4

這兩個插件都很棒，我以前都用過。有一個偉大的腳本可以使用循環插件和flickr將它們放在您的網站上。很簡約。

試試安迪和安德魯說的。祝你好運！