nl.hideout-lastation.com
Bouw functie-rijke jQuery-carrousels met Slick
Niet veel carrouselbibliotheken kunnen concurreren met Slick . Het is de meest jQuery-invoegtoepassing voor het bouwen van dynamische carrousels op het web.
Het is volledig gratis en gebouwd bovenop jQuery . De code is super eenvoudig in te stellen, hoewel het een paar afhankelijkheden vereist . Maar met zoveel functionaliteit is het de moeite waard om extra bibliotheken toe te voegen om dit te laten werken.
Om Slick te installeren, kunt u de GitHub-repo bezoeken en een kopie downloaden. Het wordt geleverd met twee CSS-bestanden : een voor de basisconfiguratie en een andere voor het standaard Slick-thema . U kunt deze bestanden gemakkelijk combineren in uw primaire CSS-stylesheet als u ruimte wilt besparen.
Vervolgens hebt u twee jQuery-afhankelijkheden nodig : de primaire jQuery-bibliotheek samen met jQuery Migrate . Slick vereist een minimum aan jQuery 1.7+, wat geen probleem mag zijn voor een moderne ontwikkelomgeving.
Vanaf hier voegt u het Slick.js bestand toe en laat het los. Slideshows kunnen met zeer weinig code worden gemaakt en dit is een direct voorbeeld van de Slick-website:
jouw inhoudjouw inhoudjouw inhoud
Met een simpele
Slick wordt geleverd met tientallen geweldige functies, waaronder veegfunctionaliteit op mobiel en puntnavigatie . U kunt ook autoplay, aangepaste animaties, aangepaste callbacks en nog veel meer instellen.
Deze bibliotheek is een compleet beest voor het maken van draaiende carrousels . En je kunt het allemaal met enkele eenvoudige regels jQuery doen, wat dit nog ongelooflijker maakt.
Ga naar de Slick-startpagina om alle demo's te bekijken en aan de slag te gaan. Je kunt ook alle broncode en volledige documentatie vinden voor instellingen / opties in de GitHub-repo.
99 Tech Life-hacks die u moet weten
Een life-hack is een strategie, techniek, trick of shortcut die kan helpen het leven gemakkelijker te maken - door het versnellen van de efficiëntie, het verbeteren van de productiviteit en soms het minimaliseren van een bron van ergernis met een snelle truc. Dat is zo dicht mogelijk bij een woordenboekdefinitie zoals je kunt krijgen.
Weet je zeker dat je een freelance ontwerper moet zijn?
Dit artikel maakt deel uit van onze 'Guide to Freelancing-serie', bestaande uit handleidingen en tips om u te helpen een betere zelfstandige te worden. Klik hier om meer te lezen uit deze serie. Word je de dagelijkse sleur van commerciële creativiteit beu - moet je creatief op commando zijn voor een klant met een specifiek idee in gedachten?
