Jquery before/after è un plugin che permette di sovrapporre due immagini e usando una barra di scorrimento fare apparire una delle due immagini oppure per metà una immagine per metà l’ altra, può essere molto utile

J query before after plugin

per esempio se avete la foto di uno stesso volto e volete mostrarlo prima giovane e poi vecchio, ma le possibilità di questo plugin sono infinite…

Autore: Catch My Fame
Demo | Download

Come usarlo:
Per prima cosa dovete avere due immagini delle stesse dimensioni, questo è fondamentale, le immagini devono essere contenute dentro il div container e ogni immagine dovrà avere una linea di codice propria che inizierà con

</code guardate l' esempio sotto.

before
after

Tutte le immagini devono dichiarare la loro altezza altrimenti questo plugin non funzionerà su Safari e Chrome.

Per fare funzionare il plugin dovete anche fare in modo che vengano richiamate delle librerie Jquery
per farlo copiate questo codice nella pagina del vostro sito. dentro i tag

[cc lang="html,php"]




[/cc]

Articoli simili del blog

  1. Virtual business card site
  2. Site grinder
  3. Cu3er
  4. Wordpress: 7 plugin per iniziare
  5. Converticon: convertire online un immagine in un file .ICO