Rotate Transition & Shuffle Template Slideshow html

Questo slider è caratterizzato da un design unico, pulito e moderno.

Sopra lo slider principale vi sono posizionate una serie di immagini di anteprima, distribuite in orizzontale. Ci sono quattro immagini di anteprima visibili e le restanti scorribili da destra. Ogni immagine di anteprima ha un bordo grigio, ma quando l'immagine di anteprima corrisponde all'immagine principale visualizzata nello scorrimento, il bordo dell'anteprima diventa turchese. Passare il mouse sulle immagini di anteprima consente di scorrere la galleria, selezionando l'immagine che si desidera visualizzare. Le immagini di anteprima sono visualizzate all'inizio dello slider, affinché l'esperienza d'uso appaia chiara e semplice da navigare anche al pubblico tecnologicamente meno esperto e/o abituato. L'area di visualizzazione principale dello slider possiede un bordo turchese nella parte superiore e inferiore, mentre sui lati non vi è alcun bordo. Un tocco di stile moderno e funzionale. Uno slider importante, che richiede un pò di spazio sulla pagina per essere inserito. Un elemento distintivo e coraggioso, ideato per essere inserito nell'area principale di una pagina web. In basso a sinistra è presente un sottotitolo. Troviamo poi un titolo grande di colore turchese su sfondo bianco e un sottotitolo con testo bianco su sfondo tuchese. Entrambe le didascalie appaiono fuori, al fianco dello slider, con angoli arrotondati.

Il font utilizzato è il “Noto Sans”, un carattere appartenente alla famiglia sans-serif. Un font che risulta ben leggibile su una vasta gamma di dispositivi e risoluzioni, motivo che lo rende una scelta perfetta per uno slider responsive. Grazie all'uso di un carattere sans-serif, l'impatto visivo risulta moderno e pulito da guardare, mentre i caratteri leggermente arrotondati lo rendono luminoso e accogliente.

Passando il mouse sopra lo slider, sui rispettivi lati, appaiono due frecce di navigazione. Le frecce sono disposte su uno sfondo grigio, estese direttamente fino ai bordi, con angoli lievemente arrotondati. All'interno di ogni bottone, vi è una sottile freccia di colore bianco. Passando il mouse sulla freccia, lo sfondo diviene turchese.

L'animazione-effetto pre-impostato si chiama 'rotate', e consiste nella rotazione delle immagini sulla loro posizione. Vi sono numerosi effetti-animazioni tra cui scegliere, e quasi tutti sono ottimizzati per funzionare con questo flessibile slider. 'Collage' e 'cube' sono altri due effetti tra cui scegliere e sono ottimizzati per mantanere un'interazione e un impatto visivo semplice e allo stesso tempo moderno.

Uno slider dalle tonalità brillanti, come il suo colore turchese, il design pulito e l'impatto visivo coraggioso e l'imponente presenza, si traducono in un'ottima soluzione per siti web di aziende di gioielli o chiunque ha la necessità di vendere oggetti di lusso che richiedono una preziosa presentazione ad alta risoluzione. Ma non solo, anche per una catena di hotel di lusso, magari per mostrare le stanze e/o le sale più suggestive degli alberghi. Bisogna ammettere che, grazie al suo design flessibile, questo slider di immagini potrebbe funzionare bene su qualsiasi tipo di sito web.