Easy Slider 1.7 - 顯示任何數字幻燈片

我使用Easy Slider 1.7 - jQuery插件並做了很多修改。我的滑塊包含7個幻燈片，數字導航以及下一個和上一個箭頭。唯一的問題是數字導航。例如，當您在幻燈片1上單擊幻燈片5時，所有幻燈片將逐個滾動。我無法修改代碼，因此無論您使用哪個幻燈片，當您單擊另一張幻燈片時，它都是下一張幻燈片。Easy Slider 1.7 - 顯示任何數字幻燈片

樣品在這裏：http://www.weiserwebworld.com/slider.html

來源

2010-06-10 Yourbudweiser

我不知道你的意思 - 如果你是擔心從一個到下下一個，那麼你需要修補的元素的組織循環..如

已隱藏的所有元素除外（和絕對定位在相對的容器）可見（比方說＃1）
用戶點擊滑動＃4，所以放置＃4 元件到當前的右div
幻燈片雙雙超過
隱藏幻燈片＃1

也就是說，如果你的容器是500像素寬

<div id="container" style="Width:500px; position:relative;" />

而且所有幻燈片都隱藏有絕對potition。

當您爲幻燈片設置動畫時，將其放置在左側：501px;並將它的動畫設置爲0.同時，將當前幻燈片的左側動畫到-500，然後隱藏它。您可以決定幻燈片是否在之前（較低的索引/數字）以反轉動畫。

如果你只是擔心它從幻燈片1去4的時候，使變速恆所以總是需要X的時間從一個去其他

來源

2010-06-10 16:31:03

修改差異變量會影響速度的滑塊。如果我使用numberOfTime的值= .001幻燈片是即時的，並給出我想要的最終結果，但然後我失去了幻燈片動畫... – Yourbudweiser 2010-06-10 18:17:05

它看起來像是改變邊距的寬度..重點是如果你'重新向右移動600像素4次，在相同的時間量向右移動2400像素... – 2010-06-10 18:41:49

我看到你在說什麼，但是要向右移動的像素數量是計算值而不是循環。該動畫正好滑過該像素的數量... p =（t * w * -1）; $（「ul」，obj）.animate（{marginLeft：p}，{queue：false，duration：speed，complete：adjust}）; – Yourbudweiser 2010-06-10 19:25:35

Easy Slider 1.7 - 顯示任何數字幻燈片

回答

相關問題