Habe kürzlich an nativen JS-Karussellbildern herumgebastelt
Ich habe der Umschaltung einen übergang hinzugefügt, daher gibt es ein gro?es Verbindungsproblem vom letzten Bild zum ersten Bild.
Die Idee besteht darin, das erste Bild nach dem letzten Bild anzuh?ngen und dann das erste Bild aus dem übergeordneten Element zu entfernen
1231 diese Denkweise
Gibt es einen Meister, der einen ?hnlichen Code geschrieben hat? Sie k?nnen sich darauf beziehen
學(xué)習(xí)是最好的投資!
我做過(guò)一個(gè),參考了色魔張大媽的邏輯。
排列是:1 2 3 4 5 1
最后一張過(guò)渡到第一張,顯示的是最后那個(gè)1。因?yàn)槭琼樞虻?,所以滑?dòng)如絲般順滑。
關(guān)鍵:5到1之后,直接復(fù)原 width: 0
,此時(shí)又變成初始狀態(tài),因?yàn)轱@示的都是1所以幾乎無(wú)破綻。
我也嘗試過(guò)每滑過(guò)一幅就把它挪到隊(duì)尾去,但是實(shí)現(xiàn)起來(lái)太麻煩而作罷。
不用remove,直接append一個(gè)已經(jīng)存在的節(jié)點(diǎn)就是移動(dòng)。然后就是改變滾動(dòng)條了。
https://github.com/cubiq/Swip...
我的第一個(gè)slider是參考這個(gè)的,IScroll的作者寫(xiě)的
不需要那樣,而且dom節(jié)點(diǎn)的操作越少越好, 比如說(shuō)你用這樣一個(gè)排列順序 5 1 2 3 4 5 1,
當(dāng)往右從5滾動(dòng)到1的時(shí)候,在動(dòng)畫(huà)完成的瞬間,消除帶transition的class,將位置重新調(diào)整到 第一個(gè) 1,然后把帶transition的class重新賦值, 往左從 1 到 5 也是一樣。 原理就是利用視覺(jué)欺騙,因?yàn)榈谝粋€(gè)2 和 右邊5后面的那個(gè)1 的樣式一樣,沒(méi)有差別,所以可以達(dá)到目的。