FancyZoom: zoomare le immagini in miniatura in modo elegante e innovativo

fancyzoom-1Se il vostro sito utilizza immagini in miniatura (le cosiddette thumbnails), ma per poter consentire la visione ingrandita della pagina avete predisposto l’apertura su una nuova pagina, vi potrebbe interessare questa applicazione: FancyZoom.
Questo controllo è una applicazione Javascript utilizzata da Cabel Sasser sul suo sito personale, per zoomare immagini direttamente in linea.
Cabel descrive l’effetto come “Mac-like“, definizione quanto mai adatta per il programma, in quanto il suo funzionamento potrebbe sembrare quasi peculiare di Safari, ma contrariamente a ciò, il Javascript gira perfettamente su qualsiasi altro browser.
FancyZoom è una alternativa particolarmente compatta e semplice ad altri effetti di zoom.
Il sistema di zooming può essere aggiunto al codice tramite due sole righe di HTML e non richiede nessuna libreria aggiuntiva.
FancyZoom può essere utilizzato anche per un link testuale ad un immagine, il che può decisamente tornare utile per alcuni layout tipici di blog.
Ecco come utilizzare FancyZoom nelle vostre pagine internet:

  • Per iniziare, scaricate da questo link FancyZoom 1.1.zip (53 KB)
  • Utilizzate ora il vostro client FTP preferito e fate l’upload delle due cartelle contenute nello zip nel root del vostro webserver.
  • Aggiungete queste due linee di codice nella sezione all’inizio della vostra pagine web:
  •  
    fancyzoom-code

  • Aggiungete la stringa onload=”setupZoom()” nella tag della vostra pagina web, come nell’esempio:
  •  
    fancyzoom-code2

    Ecco fatto! Il resto è del tutto automatico: i link alle immagini nella vostra pagina web creeranno uno zoom automatico alle immagini stesse; per esempio, il link:

    fancyzoom-code3 creerà lo zoom di image.jpg quando ci si cliccherà sopra.

    I commenti sono chiusi.

    Impostazioni privacy