Looking for a rollover tutorial.

I'm looking for a some rollover code that either changes the background cell image, or alternates layers or anything else. Something that looks like the thumbnail rollover on this page http://www.mysoti.com/mysoti/home.

 

What you need my friend is photoshop i done some really nice roll over effects there and then all you need is google to find out how the roll over effect is done

Let me google that for you

http://letmegooglethatforyou.com/?q=rollover+effect+in+photoshop

Code (markup):

Greets

 

it's jquery...

there are two way to create a roll over...

first a simple way would be a CSS Slidding door, i which you just displace the image each time you hover

a:hover {
background-position:top center !important;
}
a { background:url(image/url.gif) bottom center; }

Code (markup):

then of course there's javascript, there's a variety of ways you can create a mouse overs, you can use starndard DOM, or other frameworks such as jquery.

But yes Photoshope can do that, Or even Dreamwaever's spry...

 

I forgot the links!

http://www.smartwebby.com/web_site_design/css_styles.asp

http://www.alistapart.com/articles/slidingdoors/

jquery:

http://stackoverflow.com/questions/261910/rollover-effect-using-jquery
http://www.ilovecolors.com.ar/rollovers-tooltips-
jquery/


Hope that Helps!