Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

eto

macrumors member
Original poster
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
 
<img src="original.gif" onmouseover="this.src='rollover.gif'" onmouseout="this.src='original.gif'"/>

Send me my karma.
 
bootedbear said:
<img src="original.gif" onmouseover="this.src='rollover.gif'" onmouseout="this.src='original.gif'"/>

Send me my karma.


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.
 
dunc85 said:
Mannn, do people still use javascript mouseovers?

Use CSS.


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
 
mnkeybsness said:
try a technique made popular by eric meyer

but in doing this, you should note an IE6 problem that I found with it


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!
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.