• code snippets
  • all code snippets/
  • popular code snippets/
  • your code snippets
• extras
• blog
• about snipplr

• Big /
• Small

Posted By

gbot on 03/08/08

Tagged

image mouseover mootools rollover

Versions (?)

03/08/08 10:48am03/08/08 10:48am03/08/08 10:45am

Who likes this?

3 people have marked this snippet as a favorite

gbot
gismo
stephenns

 / Published in: JavaScript

 

URL: http://davidwalsh.name/sugar/mootools/page/3

window.addEvent('domready', function() {
$$('img.mo').each(function(img) {
	var src = img.getProperty('src');
	var extension = src.substring(src.lastIndexOf('.'),src.length)
	img.addEvent('mouseenter', function() { img.setProperty('src',src.replace(extension,'-mo' + extension)); });
	img.addEvent('mouseleave', function() { img.setProperty('src',src); });
});
});
 
//Usage:
 
<a href="/"><img src="/graphics/sugar.jpg" alt="Sugar" class="mo" height="50" width="150"></a>

Report this snippet   Tweet

Comments

Subscribe to comments

Posted By: gbot on March 8, 2008

Usage:

Posted By: gbot on March 8, 2008

[code][/code]

Posted By: GenoGod on February 16, 2009

The correct URL to the original is http://davidwalsh.name/mootools-image-mouseovers to maybe save someone some time.

Thanks for sharing this though!