Con l’introduzione sul mercato dei dispositivi mobili come iPhone e iPad sempre più webmaster stanno affinando le proprie armi e si rivolgono sempre più a tecnologie alternative a Flash, che come sapete non è supportato da questi dispositivi.
Non è solo l’avanzata di Apple che sta spingendo molti verso l’HTML5 e il jQuery ma anche la consapevolezza che Flash per quanto potente è una tecnologia chiusa e proprietaria.
Vediamo oggi un’ottima applicazione web sviluppata in jQuery che permette di creare un effetto zoom su una data immagine in modo davvero spettacolare.
Le caratteristiche che rendono questo Cloud Zoom davvero ottimo sono:
Funziona con la stragrande maggioranza dei browsers (IE6+, Firefox, Chrome, Opera, Safari)
Una semplice integrazione con HTML
Lo script nella versione minified pesa solo 6Kb
Movimenti di zoom molto precisi e morbidi
Funziona anche in modalità Gallery
3 modalità di zoom differenti: Tint, soft focus e inner zoom
Accessibilità garantita anche con browser che non supportano CSS
Come scritto nelle caratteristiche le modalità di zoom sono 3.
TINTS
Passando con il mouse sulla foto viene mostrato a destra la parte zoomata e sulla sinistra viene evidenziata la parte dalla mancanza del colore (selezionabile)
INNER ZOOM
Lo zoom viene effettuata direttamente sull’immagine stessa. Passando col mouse su una parte dell’immagine viene mostrata la stessa parte zoomata
SOFT FOCUS
Sostanzialmente uguale alla modalita TINTS ma con transizione ed effetti di sfocatura molto più morbidi e graduali
In definitiva un’ottima applicazione veloce e leggera che si contraddistingue soprattutto per la sua eleganza grafica.
Potete scaricarla gratuitamente da qui
Ottimo plugin, non riesco però ad impostare la funzione “inner zoom”, in pratica vorrei che lo zoom avvenisse all’interno della stessa finestra.
Grazie