2014-09-19 188 views
1

我想創造變化對每張幻燈片的內容滑塊改變內容,我追求的確切療效是http://www.ralphlauren.co.uk滑塊每張幻燈片

我認爲他們使用的是皇家滑塊,但他們有明確重做滑塊,所以我想知道如何實現這種滑塊?

+0

內容在每張幻燈片,EV改變ery內容需要放在一個div中,並且通過Jquery代碼它必須被調用。您也可以在網上獲得幾個示例 – BNN 2014-09-19 15:59:53

+0

每個幻燈片似乎都在該網站中具有正常的靜態內容。你究竟在努力實現什麼? – 2014-09-19 16:15:24

+0

當每個幻燈片移動時,它會更改滑塊下方的內容。 – 2014-09-19 17:58:30

回答

1

那麼您引用的Ralph Lauren網站只是使用圖片而不是動態更改滑塊頂部的內容。所以你可以這樣做,或者你可以開發你自己的滑塊,或者拿到3號門並找到一個預製滑塊並根據你的喜好進行編輯。

爲了它被徹底測試和易於訪問。如果我是你,我會考慮的引導轉盤(我個人沒有用它自己,但它確實有你正在尋找的特徵,它似乎並沒有什麼重大的缺點。

http://getbootstrap.com/javascript/#carousel 

在開發自己的滑塊的話題這裏有兩個資源,這樣做的(PULLED FROM ANOTHER USERS SO POST FOUND HEREhttps://stackoverflow.com/a/12608357/2620028

http://jsfiddle.net/mjaA3/1672/

http://jsfiddle.net/mjaA3/1662/

+0

謝謝,但我沒有關於滑塊中的內容,因爲每張幻燈片「滑入」滑塊下面的內容也會發生變化,就像滑塊根據幻燈片顯示的內容觸發不同的div。希望這是有道理的。 – 2014-09-19 18:01:03

+0

Duggy他們正在使用JavaScript來更改HTML。這是手工編碼,你要麼必須學會如何自己做,並寫自己的。或者讓別人去做,因爲這不是一種實現滑塊效果的流行方式。 – 2014-09-19 18:13:17

+0

另外,如果你開始試圖自己實現它,並不斷更新你的帖子與你的嘗試,我們可以幫助你編寫你自己的版本。 – 2014-09-19 18:18:55