I used the javascript and css at dynamicdrive.com/dynamicindex4/imagetooltip.htm to successfully include thumbnail popups for my (mostly static) links. Here's the 'labor intensive' procedure for adding a popup:

1) create your website screenshot image (i use bluga), and name it with the nid
2) update the imagetooltip javascript file to include the new image name
3) insert your link image (the callout gif) just to the right of the text where you want to link ... add imgtip[nid] to the id field under advanced properties (wysiwyg)
4) insert your link so it spans the text and the link image (assuming you want the link image to also be usable as a hotspot)

i hacked the imagetooltip javascript to change the relative attribute (rel) to id ... since i didn't see any place to input a relative attribute within wysiwyg.

enjoy.

CommentFileSizeAuthor
screenshot.png93.31 KBrkodrupal

Comments

rkodrupal’s picture

rkodrupal commented

i withdraw my recommendation for this DIY Alternative if you have many screenshots. this script does not scale well (and has no caching) ...

rkodrupal’s picture

rkodrupal commented

a good DIY Alternative is found here: http://cssglobe.com/lab/tooltip/tooltip.zip
no .gif icon though, if that's what you're looking for. it pops-up the screenshot when you scroll over the hotlink.

not very smart either on the placement of the screenshot image (x-y offsets only) ...

but it's very lightweight ... built for speed, and easy input using wysiwyg once you change the rel attribute to id in the javascript