Flickity – přidání classy is-next dalším 2 prvkům

Tomáš Marek

(23 hodnocení)

7. 1. 2022 23:42:15

Ahoj,

zkusím jestli by se tu našel někdo, kdo by dokázal poradit neprogramátorovi.

Mám implementovanej Flickity carousel https://flickity.metafizzy.co/

Settings následovný

A potřebuji přidat classu ''.is-next'' na další 2 celly (elementy), které jsou v řadě od toho selected.

Našel jsem a ořezal tento script, který přidá classu ''.is-next'' na další 1 cell. Ale potřeboval bych to upravit, aby se to vždy přidávalo na další 2.

Dokázal by někdo poradit? Předpokládám, že to bude jeden řádek, ale nevyznám se v JS.

Tady je kdyžtak diskuse s odkazem na codepen https://github.com/metafizzy/flickity/issues/847

7. 1. 2022 23:42:15

https://webtrh.cz/diskuse/flickity-pridani-classy-is-next-dalsim-2-prvkum#reply1496359

Pavel Mareš

(19 hodnocení)

8. 1. 2022 00:37:01

Jakože tady hrozně záleží na use casu ... protože se to bude muset optimalizovat pro daný případ ... třeba: odebrat class před selected a přidat po selected, nebo odebrat předchozí až po selected.

Ale oboje záleží na tom, co ti má dělat vizuál. Což je pak těžký pomoct.

Tohle je na selected event - https://codepen.io/elardael/pen/YzrjgKz

Podle toho bych hledal další eventy - https://flickity.metafizzy.co/events.html

A na ty nahodil co potřebuju.

8. 1. 2022 00:37:01

https://webtrh.cz/diskuse/flickity-pridani-classy-is-next-dalsim-2-prvkum#reply1496358

Tomáš Marek

(23 hodnocení)

8. 1. 2022 00:58:47

Napsal Doctore97;1638031
Jakože tady hrozně záleží na use casu ... protože se to bude muset optimalizovat pro daný případ ... třeba: odebrat class před selected a přidat po selected, nebo odebrat předchozí až po selected.

Tam je to přesně znázorněno v tom linku. https://codepen.io/desandro/pen/MagWrN Toto je aktuální state, který mám. Přidává to ''.is-next'' classu po selected a odebírá jednu před selected. A já potřebuji, aby to přidávalo 2 ''.is-next'' po selected. Moje vyjadřovací schopnosti jsou na bodu mrazu, ale snad si rozumíme :D

// Jen mám odstraněné to přidávání ''.is-previous'', to nepotřebuji.

Ale yes toto je asi přesně to co potřebuji https://codepen.io/elardael/pen/YzrjgKz díky moc, zkusím to implementovat a dám vědět (y).

---------- Příspěvek doplněn 08.01.2022 v 04:48 ----------

Tak jsem to implementoval a funguje to přesně tak jak jsem potřeboval. Jediný problém je, že se ta testing classa nedává hned po loadu carouselu. Přidají se až když s ním pohnu :(

8. 1. 2022 00:58:47

https://webtrh.cz/diskuse/flickity-pridani-classy-is-next-dalsim-2-prvkum#reply1496357

Pavel Mareš

(19 hodnocení)

8. 1. 2022 10:41:34

No proto sem říkal, že budou asi potřeba další eventy a dal jsem odkaz na celou stránku - https://flickity.metafizzy.co/events.html.

Updatoval jsem to - https://codepen.io/elardael/pen/YzrjgKz.

8. 1. 2022 10:41:34

https://webtrh.cz/diskuse/flickity-pridani-classy-is-next-dalsim-2-prvkum#reply1496356

Tomáš Marek

(23 hodnocení)

8. 1. 2022 14:43:19