Cloud Zoom un ottimo image zoomer in jQuery

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

CONDIVIDI
ARTICOLI CORRELATI
1 commento a “Cloud Zoom un ottimo image zoomer in jQuery”

Ottimo plugin, non riesco però ad impostare la funzione “inner zoom”, in pratica vorrei che lo zoom avvenisse all’interno della stessa finestra.

Grazie

Inviato da marco il 30 luglio 2011 alle 09:19
Lascia un commento

Captcha - risolvi l\'operazione per inviare il commento * Time limit is exhausted. Please reload CAPTCHA.