Vai al contenuto

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

Scritto da jqueryitalia

Sito WEB: https://www.jqueryitalia.org

Contenuto non disponibile.
Per visualizzarlo, devi acconsentire all'utilizzo dei cookies cliccando su "ACCONSENTO" nel banner sottostante.

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi