How do you achieve this rollover effect?

Hey guys, I've been trying to find this effect everywhere but to no avail.

Rollover one of the images and check it out. http://www.sexyjparties.com/index.php?main_page=index&cPath=2_51

Any point in the right direction is much appreciated, thanks.

 

In this case, they've used Javascript. You can do it without, of course. Nothing happened on this machine until I turned Scripts on. If you use this technique, make sure it's only something pretty and isn't necessary to use the site. Not everyone has Javascript.

The CSS version is pretty much the same, except it works on every browser with CSS enabled, and still shows the text (and images if enabled) when CSS is off.
I've done it with CSS alone: http://stommepoes.nl/Scooterverzekeren/scooterafsluiten1.html scroll down a ways and hover over "Identificatienummer of Meldcode" and there's an image with the text.

Original example: http://mikecherim.com/experiments/css_map_pop.php
Eric Meyer's example: http://meyerweb.com/eric/css/edge/popups/demo.html hover over the menu... or scroll down a little and click on Icons On Rollover for an image version.

You can always tell the Javascript ones from the CSS ones because the JS ones will move the new image/text with the mouse, while in CSS it's pretty much stuck in place.

 

Thank you Stomme Poes for the time. I was thinking somebody done that effect on a Flash program or something. I will take your advice about the javascript.

 

Cheers for the nice examples, Stomme Poes! If you're interested in the javascript source-code, there are several good ones on Dynamic Drive.

 

There are some examples in the form of video tutorials that can be found on codervods.com at the CSS section. Maybe they will help.