http://blog.DoZarte.com


Ingrandimento di immagini nelle pagine web


Share to Facebook Share to Twitter Stumble It Email This More...

BIG EYES
Creative Commons License photo credit: Peppysis

1. Magic Zoom

Magic zoom è un codice javascript che permette di zoomare sulle immagini.

E’ il modo migliore per mostrare le immagini ad un dettaglio incredibile. gli utenti non devono nemmeno cliccare, ma basta che muovano il mouse sull’immagine per vedere il l’ingrandimento dell’area dove sono.

  • Veloce – la pagina si carica normalmente, successivamente viene caricata l’immagine ad alta risoluzione in background
  • facile da implementare
  • personalizzabile – puoi cambiare dimensione, posizione, colori
  • accessibile — funziona anche con javascript disabilitato
  • supporta lo zoom su immagini multiple

Per installarlo basta scaricare i file, richiamarli nei tag HEAD della pagina web, linkare la miniatura all’immagine in alta risoluzione e – infine – aggiungere la classe MagicZoom al tag A.

Il codice è disponibile gratuitamente per uso non commerciale.

2. Magic Magnify

Magic Magnify è molto simile a Magic Zoom, con la differenza nell’uso di Adobe Flash per ottenere l’effetto di ingrandimento.

  • Veloce – la pagina si carica normalmente, successivamente viene caricata l’immagine ad alta risoluzione in background
  • facile da implementare
  • personalizzabile – puoi cambiare dimensione, posizione, colori
  • accessibile — funziona anche con javascript disabilitato
  • supporta lo zoom su immagini multiple

Per installarlo basta scaricare i file, richiamarli nei tag HEAD della pagina web, linkare la miniatura all’immagine in alta risoluzione e – infine – aggiungere la classe MagicZoom al tag A.

Il codice è disponibile gratuitamente per uso non commerciale.


Share to Facebook Share to Twitter Stumble It Email This More...

Se l'articolo era interessante, forse troverai approfondimenti nei seguenti link sponsorizzati...


Leave a Reply

XHTML: Tags concessi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

You can add images to your comment by clicking here.