Advanced Search

Results 1 to 2 of 2

Thread: Mouse Over -Small image/link show Web page preview

  1. #1
    Join Date
    Mar 2006
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Mouse Over -Small image/link show Web page preview

    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

  2. #2
    Join Date
    Nov 2006
    Posts
    99
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Well. Looking at their source it looks like all they are doing is:
    Code:
    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
    Code:
    <IMG SRC="PATH/TO/IMAGE.jpg"
    is the thumbnail image. The image being called for here
    Code:
    onmouseover="showtrail('[IMAGE URL]')"
    is the larger image that will pop-up.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •