• jQuery  slider
  • CSS  slideshow
  • HTML5  carousel
  • HTML5  slider
CSS slider

Slide Transition & Demure Template Slider Js

Dit is de non-JS slideshow, dit betekent dat er geen JavaScript gebruikt wordt, omdat deze is gemaakt met alleen CSS. Het biedt een dynamische show met tal van controlemethoden direct ingebouwd, waardoor de kijker de mogelijkheid krijgt om uw foto's te bekijken in de volgorde en met de snelheid die ze willen en het maakt uw website tegelijkertijd veel aantrekkelijker.

Elk beeld glijdt vanaf de rechterkant naadloos naar links, zonder enige onderbreking tussen de slides. Zodra het einde van de slideshow wordt bereikt, keert het paneel met afbeeldingen snel terug naar de allereerste afbeelding en de show begint weer automatisch. Als navigatieknoppen heeft de template dezelfde voor- en achteruit pijlen die je zult zien in veel slideshow templates, maar het heeft ook een unieke play en pauzeren knop in het midden van de slide, waardoor een duidelijke manier ontstaat om de slideshow op elk moment te stoppen of te starten. Alle bedieningselementen verschijnen als vakken met een doorschijnende zwarte achtergrond en witte symbolen totdat een cursor boven hen zweeft, op welk moment ze uitbreiden en de achtergrond wordt blauw en ondoorzichtig.

Ondertussen kan een voorbeeld van elke afbeelding in de show worden bekeken door de cursor vast te houden boven één van de transparante zwarte stippen die zichtbaar zijn langs de onderkant van het slider paneel. De stip die de huidige afbeelding op het scherm vertegenwoordigt wordt blauw, en door te klikken op de stip die overeenkomt met de slide die ze willen zien zal dit bezoekers toestaan om op uw site direct naar deze afbeelding te gaan.

De bijschrijft vakken die de afbeeldingen begeleiden worden in de non-JS slideshow template in de rechterbenedenhoek van het paneel weergegeven en ze vallen naar beneden in een scorebord effect bij elke nieuwe slide. Ze zijn ook zwart, waardoor het eenvoudige witte script van de slideshow de kans krijgt om zich te onderscheiden en om elke foto prachtig aan te kondigen. Zodra de slideshow verder gaan, vouwt het bijschrift vak zich discreet terug en een nieuwe omlaag zakken voor het volgende beeld.

non-JS is ideaal voor elke website die hun bezoekers wilt voorzien van een extra niveau van controle of voor sites die afbeeldingen willen tentoonstellen die vaak zullen worden onderbroken door noodzaak, zoals een restaurant die dagschotels aanbiedt. In feite, aangezien deze alles-CSS slideshow template even goed kan draaien op computers als op mobiele apparaat zonder probleem, zijn er niet veel websites waar het niet goed voor zal werken!