Book Transition & Book Theme Css3 image slider

Questo slider imita l'aspetto di un vecchio libro. Lo Skeuomorphism non si vede spesso applicato su uno slider design, e questo è il motivo che rende questo tema estremamente singolare ed accattivante.

Lo stesso cursore risulta molto diverso, in quanto mostra due immagini contemporaneamente, sulle 'pagine' di fronte. Questo significa che lo slider funziona particolarmente bene con le immagini quadrate, a differenza di molti cursori che sono progettati per lavorare con immagini formato paesaggio. Le due slide sono collegate in un'unica voce, quindi è necessario assicurarsi che le immagini siano visivamente ottimizzate per una visualizzazione di coppia. Una soluzione ideale per mostrare lo stesso prodotto in due modi diversi, ad esempio, in una prima visione grandangolare in cui si mostra l'immagine intera e poi, un primo piano di un dettaglio.

Le diapositive vengono visualizzate all'interno di una 'copertina e pagine' telaio, che assomiglia ad un antico libro rilegato con una copertina in pelle. Passando il mouse sopra lo slider, appaiono sui rispettivi lati, le frecce di navigazione in color oro. Queste frecce consentono di navigare tra le differenti pagine, scorrendo avanti e/o indietro.

Uno spazio per una didascalia in basso a sinistra, emerge direttamente dal telaio della pagina, con lo sfondo dello stesso colore. Ciò significa che la didascalia appare come parte del libro, rafforzando l'effetto realistico generale.

Il font utilizzato è Lobster. È un font fantastico, che utilizza versioni multiple di lettere e legature per creare un effetto corsivo congiunto estremamente naturale e realistico. Un sottile effetto di ‘rilievo’ rifinisce la scrittura, rendendola sia corsiva che sofisticata, come le lettere in rilievo su un diario rilegato a mano.

In fondo a destra c'è una serie di cerchi, ciascuno rappresenta una slide. È stata mostrata la stessa cura e attenzione per questi cerchi, e ciascuno sembra quasi un antico pulsante dorato, con un punto centrale ‘indentato’, grazie ai bordi lievemente irregolari. Quando viene evidenziata la slide corrente, il foro del pulsante si contrae leggermente.

Il passaggio sopra i pulsanti porta ad un'anteprima di ciascun set di slide, contenuto all'interno di una cornice dorata, con una leggera ombra retrostante. Potete usare i pulsanti per saltare tra le varie slide.

La combinazione di pelle realistica, rilievo e ombreggiatura dona a questo slider un feeling realistico e toccabile. Può funzionare bene sui touch screen, grazie al modo in cui invita a toccare la pagina.

L’effetto di cambio di default è quello perfetto, poichè imita l’atto di voltare le pagine di un libro. Nonostante si abbia a disposizione un’ampia scelta di effetti di transizione, il ‘libro’ funziona in maniera davvero eccezionale con il design dello slider.

Questo slider è perfetto per chunque voglia richiamare una sensazione di antichità e lusso. Commercianti di antichità, autori fantasy, e chiunque venda prodotti fatti a mano trarrà beneficio dall’uso di questo slider.