Results 1 to 4 of 4

Thread: Image onMouseover Effects

  1. #1
    Join Date
    May 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image onMouseover Effects

    Image onMouseover Effects

    I wanted to add this to my website but I can not seem to get/figure out how to make my images work with the scroll over. I can not figure out where to link up the images.


    The script works mind you. But it still tries to load up the original images from the script. I just dont understand where to put my images for this in the coding.

    My example

    Any help would be very much appreciated. Thank you for your time.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Here is where your filenames and info for your rollovers go:

    Code:
    // tooltip content goes here (image, description, optional bgColor, optional textcolor)
    var messages = new Array();
    // multi-dimensional arrays containing: 
    // image and text for tooltip
    // optional: bgColor and color to be sent to tooltip
    messages[0] = new Array('rb.JPG','Here is a red balloon on a white background',"#FFFFFF");
    messages[1] = new Array('duck2.gif','Here is a duck on a light blue background.',"#DDECFF");
    messages[2] = new Array('test.gif','Test description','black','white');
    I've put the filenames in red, the descriptions in green, the background color in blue and the foreground color in sienna (brown). It looks like you already had that down though, when you made the entry for test.gif. For that to work:

    http://www.myrrin.com/selannii/test.gif

    must exist and currently it does not.

    Also, for:

    HTML Code:
    <a href="#" onmouseover="doTooltip(event,3)" onmouseout="hideTip()">Black Silk Pack</a><br>
    to work, you need to add a:

    messages[3]

    entry with the appropriate image description etc.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    May 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    The problem is my gifs, or jpg's are not showing up at all.

  4. #4
    Join Date
    May 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Nevermind. I just figured it out. Thanks.

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
  •