Fade Transition & Catalyst Theme

Deze slideshow demo heeft een gepolijste zilveren rand, die hem een verzorgde en modern stijl geeft die goed past bij iedere professionele of zakelijke website. Het gebruik van deze slider voegt een interessant focuspunt toe dat prima samengaat met verschillende soorten weergaven, van artistieke fotografie tot goed verzorgde productafbeeldingen. De slideshow geeft echter ook een idee van creativiteit. De titel- en omschrijvingstekstvakken zijn bijvoorbeeld geplaatst in de hoek linksonder en komen afwisselend van boven of van de zijkant het beeld binnen. De beweging van ieder tekstvak trekt de aandacht naar de slider toe en moedigt interactie met de gebruiker aan. De tekst in ieder tekstvak is helder en goed te lezen. De titel heeft een donkergrijze kleur en is vetgedrukt, terwijl het bijschrift een kleiner lettertype heeft met een zwarte kleur. Beide staan in Verdana.

Wanneer de slideshow begint wordt iedere afbeelding een aantal seconden afgebeeld voor de show verdergaat naar de volgende. Door op een afbeelding te klikken en de muis ingedrukt te houden, is er een pauze; de cirkelvormige pijlen links en rechts laten de gebruiker naar de vorige of volgende afbeelding navigeren. Deze pijlen komen niet in beeld, tenzij je met je muis over de huidige afbeelding gaat. Dit geeft het totaalbeeld een heldere uitstraling zonder knoppen die de aandacht afleiden. Daarnaast kunnen gebruikers de muis gebruiken om een afbeelding naar links of rechts te slepen en de volgende afbeelding in de serie te tonen. Door de muis of pijlen te gebruiken, kunnen gebruikers de snelheid van de slideshow gebruiken en hem, als dat gewenst is, versnellen of juist vertragen.

De slideshow blijft spelen, en scant terug wanneer hij het einde bereikt, waarna de volledige verzameling weer vanaf het begin wordt afgespeeld. Gebruikers kunnen ook kiezen welke afbeelding ze willen gebruiken door op de thumbnailgalerij te klikken die direct onder de slider wordt weergegeven. Daarnaast komt de titel in beeld van de thumbnail waar je met de muis overheen gaat. De afbeeldingen zelf zijn groot en kunnen details tonen die anders misschien over het hoofd gezien zouden worden. De foto’s moeten daarom van hoge kwaliteit zijn.

Deze demo gebruikt een Autoplay Slideshowfunctie. Dit betekent dat je de slider niet automatisch hoeft te starten, hij begint simpelweg wanneer je hem opent. Zoals je kunt zien is er geen play/pauseknop, dus je kunt de show niet oppen. Let ook op de Swipe Support optie. Deze functie kan je helpen om de slides eenvoudig te wisselen op een mobiel apparaat.

Al deze opties kunnen gevonden en gewijzigd worden bij Slider-Properties-General.