WebSnapr Preview Bubble è un simpaticissimo script js che al passaggio del mouse su un link mostra un piccolo screenshots del sito.

Come installarlo:

• Scaricare previewbubble.zip
• Scompattare in locale l’archivio
• Aprire il file previewbubble.js e modificare il parametro var bubbleImagePath = ‘/images/bg.png’; con la destinazione che il il file immagine bg.png avrà su nostro server
• Fare l’upload di entrambi i file sul server
• Richiamare lo script nell’header della pagina

<script type="text/javascript" xsrc="previewbubble.js" mce_src="previewbubble.js" ></script>

• Aggiungere ai link la class “previewlink”

Ecco l’effetto ottenuto:

Link: WebSnapr Preview Bubble