Portfolio slider

Introductie

Gebruikers houden van sliders, ontwerpers houden ervan om ze mooi te maken, en ontwikkelaars... nou, we moeten ermee omgaan.

Deze slider heeft een aantal leuke functies:

• Het is responsief (het gebruik van swiperjs kan lastig zijn om te positioneren)
• Het heeft een laadindicator
• Het ondersteunt veegbewegingen
• Het ondersteunt toetsenbordinvoer
• Het is boterzacht

Het moment waarop de actieve kogel groeit en de schuif beweegt, zorgt ervoor dat het heel soepel aanvoelt.

Dit onderdeel bevat zijn eigen CSS- en JS-codeblokken, zodat deze kan worden verplaatst.

‍

Aan de slag

1. Kloon het hier

2. Voeg aangepaste code toe voor swiperjs

In de koptekst:

‍

< link
 rel="stylesheet”
 href=” https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css”
/>

‍

Voordat u de bodytag sluit:

‍

‍< script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

‍

3. Kopieer het hele sliderblok van het portfolio

4. Aangepaste achtergrond uploaden

5. Aanpassen.moc-slider_window

6. Aanpassen

U kunt kleuren vinden in het variabelenpaneel, de timingwijzigingen bevinden zich in de aangepaste codevakken.