Zoomare facilmente un’immagine
Alen Grakalic designer, sviluppatore e fondatore di CSS Globe presenta Easy Image Zoom, un plugin per jQuery che permette di visualizzare i dettagli di grandi dimensioni di un’immagine o prodotto mentre si scorre il mouse sopra una miniatura dell’immagine stessa.
Lo script è molto leggero e personalizzabile con numerose opzioni e semplici definizioni CSS.
In termini di CSS tutto quello che è necessario definire per il nuovo elemento che conterrà l’immagine di zoom sono le dimensioni, la posizione e l’aspetto.
Per quanto riguarda le opzioni è possibile definire:
- id: l’ID del nuovo elemento che conterrà l’imagine di zoom;
- parent: cioè l’elemento che conterrà il nuovo elemento generato;
- append: impostabile a true/false, consente di definire se l’elemento appena creato sarà inserito come ultimo figlio dell’elemento genitore;
- preload: definisce il messaggio che apparirà prima che l’immagine di zoom venga caricata;
- error: il testo che apparirà nel caso l’immagine di zoom non sia stata trovata o non sia stato possibile caricarla.
Il plugin è adatto per tutti quei progetti in cui sia necessario l’ingrandimento dell’immagine di un oggetto/prodotto.
[Download non trovato]
Sito autore e demo: http://cssglobe.com/post/9711/jquery-plugin-easy-image-zoom