Stack Effect & Ionosphere Theme Javascript slider

In questa dimostrazione, lo slider utilizza il famoso effetto di transizione ‘stack’. È un effetto semplice, nel quale le immagini appaiono semplicemente scivolando da sinistra per rimpiazzare quelle precedenti. Niente effetti speciali, solo un semplice scorrimento. In questo modo l'utente non rischia di distrarsi e di fare più attenzione all'effetto che all'immagine stessa.

Il testo delle descrizioni si trova all'angolo in basso a sinistra, in due caselle rettangolari dai contorni netti. Le caselle sono di colore nero, con il testo bianco opaco. Le due caselle possono apparire scorrendo da qualunque direzione a caso, lateralmente o verticalmente. I bordi sono semplici, solo sul lato sinistro; sono di colore blu, in tinta con il bordo dello slider. Per il resto la casella è priva di bordo. In basso al centro ci sono i puntini di navigazione, a forma di semplici cerchietti grigi. Le frecce di navigazione sono blu, dal design essenziale. Sono invisibili e compaiono ai lati solo quando si punta il mouse sullo slider. Se vuoi che il tuo messaggio risalti davvero, è importante che tutto il contesto serva a rinforzarlo. Questo slider può essere la soluzione. È semplice, efficace, gradevole agli occhi, e soprattutto attira l'attenzione su ciò che conta davvero: l'immagine.

In questa dimostrazione, la sequenza di presentazione parte automaticamente perché è abilitata l'opzione ‘auto play slide show’. Inoltre il pulsante play/pause non è visibile perché è stato disabilitato nella schede delle proprietà generali. Lo slider ha anche supporto swipe, per renderlo facilmente accessibile anche ai dispositivi mobili.