lean mean image swap?

Discussion in 'Web Design and Development' started by eto, Sep 9, 2006.

  1. eto macrumors member

    Joined:
    Apr 27, 2006
    Location:
    20,000 leagues under the sea and or Duluth
    #1
    I've been searching through the internets :) to find lean way (not dreamweaver MM_ crap) to swap separate images with a rollover.

    300+ karma to first helpful solution.

    thanks
     
  2. bootedbear macrumors 6502

    bootedbear

    Joined:
    Sep 13, 2004
    Location:
    Austin, TX
    #2
    <img src="original.gif" onmouseover="this.src='rollover.gif'" onmouseout="this.src='original.gif'"/>

    Send me my karma.
     
  3. eto thread starter macrumors member

    Joined:
    Apr 27, 2006
    Location:
    20,000 leagues under the sea and or Duluth
    #3

    I should have worded it a little better. (it's beer saturday *hic*). What I want to do is mouse over a text link and have a (corresponding) company logo appear in a designated image area.

    I found a good one http://www.dynamicdrive.com/dynamicindex5/linkfloaties.htm
    (edit: not an image swap)

    This little gem is set up to fade in a javascript controlled and css styled layer (z index 100) that should contain the company logos that I want displayed. The best part is our friends at Dynamic Drive have debugged for a great browser spread (IE4+, NS6+, Mozilla/Firefox, safari,and Opera 7, though the fading effect is absent from Opera and safari.)

    Thanks for the help though and lucky you!

    ITS DOUBLE KARMA POINTS DAY!!!1!

    Your total KARMA: 600pts.
     
  4. dunc85 macrumors regular

    Joined:
    Jul 23, 2006
    #4
    Mannn, do people still use javascript mouseovers?

    Use CSS.
     
  5. eto thread starter macrumors member

    Joined:
    Apr 27, 2006
    Location:
    20,000 leagues under the sea and or Duluth
    #5

    hook it up G!

    I'm kinda new to the css game and would love to learn how to use css as a solution to this problem.


    KARMA value: 750pts.

    and remember today is still DOUBLE KARMA DAY
     
  6. mnkeybsness macrumors 68030

    mnkeybsness

    Joined:
    Jun 25, 2001
    Location:
    Moneyapolis, Minnesota
    #6
    try a technique made popular by eric meyer

    but in doing this, you should note an IE6 problem that I found with it
     
  7. eto thread starter macrumors member

    Joined:
    Apr 27, 2006
    Location:
    20,000 leagues under the sea and or Duluth
    #7

    right on mnkeybsness!

    funny, i was just at meyerweb but until you replied with (IE6 problem) I was under the impression that the images would have to reside in <a> tags.

    hmmm....
    I'm going to play with it. (css that is):)


    well it's time to pay up.
    thanks much!

    your total KARMA: +1500pts wow!
     

Share This Page