Płynny slieder zrobiony z CMS Collection - Splide.js

Aby zrobić w Webflow płynny, niestatyczny slider z CMS Collection z animacjami, trzeba użyć zewnętrznej biblioteki JS, do tworzenia sliderów. Jedną z nich jest biblioteka Splide.js.

Poniższy kod zrobiłem właśnie na podstawie jej dokumentacji. Aby on zadziałał musisz najpierw użyć elementu CMS Collection, a następnie umieścić poniższe style w sekcji <head> strony www:

Kolejnym krokiem będzie umieszczenie następującego kodu JavaScript przed tagiem zmykającym </body>:

I na koniec odpowiednio przypisujesz klasy do elementów CMS Collection.

Wszystko masz dokładniej wyjaśnione w tym filmie:

A tutaj strona biblioteki splide.js, która została wykorzystana w tym Code Snippet: https://splidejs.com/

Wróć

Podobne Code Snippets

Chcesz być na bieżąco?
ZAPISZ SIĘ DO NEWSLETTERA!

Dziękuję za zaufanie i zapisanie się na Newsletter! Został jeszcze jeden krok. Zajrzyj na swoją pocztę
i potwierdź maila. Miłego dnia :)
Oops! Something went wrong while submitting the form.