SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: Mouse Over Help

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Oct 2001
    Location
    Atlanta, GA
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mouse Over Help

    After visiting Banana Republic I noticed a cool mouseover that is located at the top of their page. Where the Banana Republic logo is, there is a group of images (navigation) and if you mouseover those images, you will see a "Description Image" next to those mouseover images. I think that is very cool and I would like to know, how can I get a similar effect on my site. I've been looking at various JavaScript sites but I am unable to find that script or a script similar. Does anyone know how I can acheive that same effect on my site?

    Thanks in advance!

  2. #2
    SitePoint Guru siphilp's Avatar
    Join Date
    Nov 2001
    Location
    Fife, Scotland
    Posts
    663
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well heres the source
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    if (document.images) {
    var m_on = new Image();
    var w_on = new Image();
    var h_on = new Image();
    var g_on = new Image();
    m_on.src = "/marketing/shop/assets/nav/m_on.gif";
    w_on.src = "/marketing/shop/assets/nav/w_on.gif";
    h_on.src = "/marketing/shop/assets/nav/h_on.gif";
    g_on.src = "/marketing/shop/assets/nav/g_on.gif";

    var m_off = new Image();
    var w_off = new Image();
    var h_off = new Image();
    var g_off = new Image();
    m_off.src = "/marketing/shop/assets/nav/m_off.gif";
    w_off.src = "/marketing/shop/assets/nav/w_off.gif";
    h_off.src = "/marketing/shop/assets/nav/h_off.gif";
    g_off.src = "/marketing/shop/assets/nav/g_off.gif";

    var brlogo_on = new Image();
    var brlogo_off = new Image();
    var text = new Image();

    brlogo_on.src = "/marketing/shop/assets/nav/brlogo_on_WT.gif";
    brlogo_off.src = "/marketing/shop/assets/nav/brlogo_off_WT.gif";
    text.src = "/marketing/shop/assets/headernav/main_br_WT.gif";


    var woman = new Image();
    var home = new Image();
    var gift = new Image();
    var man = new Image();

    woman.src = "/marketing/shop/assets/headernav/woman_bl.gif"
    home.src = "/marketing/shop/assets/headernav/home_bl.gif"
    gift.src = "/marketing/shop/assets/headernav/gift_bl.gif"
    man.src = "/marketing/shop/assets/headernav/man_bl.gif"


    var restore = new Image();
    restore.src = "/marketing/shop/assets/man_spacer.gif";
    }

    function image_swap2(imag,state,large,what)
    {
    if(document.images){
    document[imag].src=eval(state+".src");
    document[large].src=eval(what+".src");
    }
    }

    Do you understand how to use it?


    Si


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
  •