PDA

View Full Version : Mouse Over -Small image/link show Web page preview



rka81
12-04-2006, 09:14 PM
Hi

I wonder if someone might be able to tell me how to do a similar mouse over effect like the one on this site http://www.templatemonster.com/categ...from=1&cat=All

Move over one of the templates and you will see what i mean.....

There are apparently serveral ways to do this using Javascript or CSS - neither of which i am the best at- i have tried a few web searches but dont seem to come up help or samples.......can anyone point me in the right direction

Thanks in advance

GhettoT
12-04-2006, 10:07 PM
Well. Looking at their source it looks like all they are doing is:


target="_blank"><IMG SRC="PATH/TO/IMAGE.jpg"
border=0 border=1 style="border-color: [HEX COLOR CODE]"
onmouseover="showtrail('[IMAGE URL]')" onmouseout="hidetrail()"

Now, I am not a javascript guru like some on this forum, but i am pretty sure that is how it is handled. Just get familiar with javascript functions, especially those used A LOT (onmouseout, onmouseover, etc...) and get familiar with the code framework style. Hope it works!

-GT

ALSO:
The image being called for in this section
<IMG SRC="PATH/TO/IMAGE.jpg" is the thumbnail image. The image being called for here
onmouseover="showtrail('[IMAGE URL]')" is the larger image that will pop-up.