Cloud Zoom: image zoomer con jQuery

cloud-zoom.jpg

Cloud Zoom è un plugin jQuery, di peso leggero, che permette di creare un effetto zoom sulle immagini nelle vostre pagine web. E’ altamente personalizzabile con diverse caratteristiche come l’effetto tinta, zoom interno o un sottile effetto di focus, e soprattutto è cross-browser, funziona in tutti i browser web più importanti tra cui il caro vecchio IE6.

Cloud Zoom è molto semplice da implementare, il sito del progetto non manca di una ricca documentazione. Si può facilmente personalizzare l’aspetto con una gallery, lente o finestra di zoom usando i CSS.
Offre diverse opzioni di configurazione che consentono di personalizzare il suo comportamento, tra cui: altezza, larghezza e posizione della finestra di zoom, tinta da applicare sulla parte di immagine non zoommata, opacità, dimensione porzione della parte da zoommare, abilitare o disabilitare i titoli.

Caratteristiche

Riassumento, le caratteristiche che rendono questo plugin davvero ottimo sono:

  • Facile integrazione con HTML
  • Peso leggero (nella versione compressa solo 6Kb)
  • Movimento nello zoom precisi e morbidi
  • Modalità gallery
  • Effetti tinta, zoom interno o soft-focus
  • Completamente accessibile senza JavaScript, CSS o browser testuali

Cloud Zoom è disponibile per il download sotto licenza MIT, per ulteriori informazioni, demo e download fare riferimento al sito del progetto di Cloud Zoom.

Potrebbero Interessarti

  • NyroModal: finestre modali con jQuery8 Luglio 2010 NyroModal: finestre modali con jQuery Se state cercando uno script lightbox che è in grado di gestire gli iFrame, contenuti provenienti dal server tramite chiamate Ajax, contenuti HTML in linea, immagini, video e altro ancora, NyroModal è un ottimo plugin jQuery che permette tutto ciò. Negli ultimi […]
  • Zoomy: come zoomare immagini sui siti web31 Gennaio 2011 Zoomy: come zoomare immagini sui siti web Zoomy è un plugin jQuery molto semplice da implementare che permette di effettuare l'effetto zoom sulle immagine del nostro sito web. Per funzionare, oltre alle miniature, Zoomy richiede un formato più grande delle stesse immagini per visualizzare la parte ingrandita […]
  • Effetto newsticker con jQuery17 Dicembre 2009 Effetto newsticker con jQuery Con questo piccolo articolo voglio illustrare un modo per visualizzare le notizie recenti con liScroll, un plugin per jQuery che trasforma qualsiasi elenco non ordinato ul in un news ticker a scorrimento. Con il termine "newsticker" si vuole intendere un box in cui si possono leggere le […]
  • Sfondo a tutto schermo con jQuery7 Dicembre 2009 Sfondo a tutto schermo con jQuery Inserire un'immagine come sfondo a tutto schermo di un layout web comporta realizzare diverse immagini di backgroud adatte ad ogni risoluzione dello schermo degli utenti. Questo tipo di soluzione è possibile solo utilizzando un script Javascript che rilevi la risoluzione dello […]

Potrebbero interessarti

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.