• no-jQuery Content Slider
  • Content Slider with Zero jQuery
  • Wordpress Content Slider with CSS only
  • Responsive Content Slider w/o jQuery

Slide Effect & Boundary Skin Jquery Content Slider

Dit enigszins ongebruikelijke slider thema is zeer modern en aantrekkelijk. Het is een meer 'vierkante' vorm dan de meeste website sliders, die het mogelijk maakt is om te werken voor beelden die niet in landschap formaat zijn. Het zou een geweldige aanvulling zijn voor een portfolio website, of om portretten van mensen en dieren te laten zien.

De slider maakt gebruik van een diepe bordeaux kleurstelling, gecompenseerd met wit. Het is een ongewone en opvallende kleur, die luxe en verfijning suggereert.

Elk beeld in de slider zoomt in en uit, terwijl het langzaam vervaagt om de volgende afbeelding te onthullen.

In de linkerbenedenhoek is een enkele lijn van een bijschrift. Dit is witte tekst op een bordeauxrode rechthoek, die in schuift van links. De rechthoek staat gelijk met de hoek van de slider, wat betekent dat ze niet afleiden van de beelden of deze bedekken.

De titel maakt gebruik van een geavanceerde schreefloos lettertype genaamd Lora.

In de hoek rechtsonder is een serie ronde bordeaux cirkels. Elk van deze cirkels is gekoppeld aan een afbeelding in de slideshow. De cirkel verbonden aan het actieve beeld heeft een witte stip in het midden.

Door te zweven over de cirkels wordt een voorvertoning van de betreffende afbeelding naar voren gebracht. Door te klikken zal deze afbeelding in de slideshow laden.

Bovendien, door te zweven over de cirkels wordt een andere, de laatste cirkel getoond die ofwel een pauze pictogram of een play pictogram bevat.

Een van de meest aantrekkelijke delen van dit slider design is de volgende/vorige pijlen die verschijnen wanneer u met de cursor over de slider zweeft.

Dit zijn twee verticaal uitgelijnde rechthoeken, in bordeaux, die gelijk aan de linker- en rechterrand van de slider zitten. Binnenin bevindt zich een dunne witte pijl. Door te zweven boven één van de pijlen wordt de pijl groter en schuift dan naar buiten, waardoor een frame wordt gevormd voor een miniatuur van de volgende/vorige afbeelding in de slider. Het algemene gevoel van de animatie is geweldig, alles is glad, naadloos en heeft de perfecte snelheid.

Over het algemeen is deze slider thema warm, verfijnd en modern - het zou ideaal voor een antiek website zijn, elke site die luxe goederen verkoopt zoals parfum, of een studio fotograaf die gespecialiseerd is in luxe settings.

Zoals u zou verwachten, de slider is responsief en past zich automatisch aan, aan de grootte van het scherm. Op kleinere schermen verdwijnt een deel van de functionaliteit, waardoor meer van het beeld te zien is en het de dingen eenvoudig houdt voor touchscreen-gebruikers.

De slider maakt gebruik van CSS3 en HTML5 om alle overgangen en iconografie te bereiken - er zijn geen beelden gebruikt (met uitzondering van de beelden in de slider zelf) om de website te vertragen of problemen met het laden te veroorzaken. Omdat de slider geen gebruik maakt van Javascript en JQuery zal het werken op alle moderne platformen, en nogmaals, er zijn geen externe scripts die lag of problemen met laden kunnen veroorzaken.

In feite is dit een uitstekend slider thema dat een geweldige aanvulling op vrijwel elke website zou zijn.