Voor een afbeeldings-slider wilde ik een carousel of ouderwetse marquee met user controls realiseren. Echter, de bootstrap carousel plugin kon hooguit één slide of afbeelding per keer tonen, ik wilde er meerdere...
Uiteindelijk ben ik zelf gaan puzzelen, omdat ik geen gebruik wilde maken van kant-en-klare plugins waarvan ik de helft van de functionaliteiten en dus code niet zou gebruiken. Ik ben gaan spelen met de jquery mobile swipe functionaliteit, echter als los onderdeel omdat ik het binnen een Bootstrap website omgeving wilde gebruiken. Dezelfde website werd responsive, en dus moest men de mogelijkheid hebben de slider met meerdere afbeeldingen tegelijk in beeld, tevens met vingerbewegingen te kunnen besturen. Tevens wilde ik afbeeldingen netjes gecentreerd hebben (middels Ik ben tot de volgende basis-opzet gekomen, waarin ik al mijn wensen heb verwerkt: Mijn wensenlijst was als volgt, en zit hier dan ook in: *update: Een live voorbeeld is inmiddels te zien op li { display: inline-block; }
ul { text-align: center; }
Multiple image slider previews
https:https://www.blue2blond.nl/https://www.blue2blond.nl/jsfiddle.nethttps://www.blue2blond.nl/jvhyobgnhttps://www.blue2blond.nl/3https://www.blue2blond.nl/
https:https://www.blue2blond.nl/https://www.blue2blond.nl/www.blue2blond.nlhttps://www.blue2blond.nl/projectshttps://www.blue2blond.nl/scriptshttps://www.blue2blond.nl/swipe-image-marquee-sliderhttps://www.blue2blond.nl/Features multiple image swipe carousel
Lees meer