OVERLAP Image Tooltip Effect

Subject: OVERLAP Image Tooltip Effect Sat Oct 18, 2008 4:15 pm

First topic message reminder :

a member requested this one so here it is .. :]]

Do you want your links to show something to the viewers ? well for an instance , you want an image to pop when they are hovered ? that's possible . :]]

just follow these instructions . :]]

Preview : http://www.javascriptkit.com/script/script2/overlapimageviewer.shtml

1. Setup

paste this to ur about me :

Code:: <script src='http://www.stormpages.com/hidecodes/overlap/overlap.swf'></script>

2. To ur links

you just have to add a CSS class name of "hcg" to ur anchor tags .. then , on the title , put the direct link of the image you want to pop .. :]]

for example :

from this :

Code:: <a href="http://friendster.com/">Home</a>

to this :

Code:: <a href="http://friendster.com/" class="hcg" title="http://i36.tinypic.com/24det0z.jpg">Home</a>

what's added is the class="hcg"
and title="https://2img.net/h/oi36.tinypic.com/24det0z.jpg"

class="hcg" is not changeable but title="https://2img.net/h/oi36.tinypic.com/24det0z.jpg" must be changed to the image you want to show .... that's it and ur done . :]]

you can also use this not only for the links but in all of ur div content .. example :

the code to use there is :