Simple Rollover Effect

The most easiest way to achieve a rollover effect without using java-script (which one part goues into page header and slows down the page loading) is this one. You can use it even in in your blogposts!

<div style="text-align: center;"><a href="#">
<img alt="Click Me" onmouseout="this.src='http://www.pic1.jpg'" onmouseover="this.src='http://www.pic2.jpg'" src="http://www.pic1.jpg" />
</a></div>

DEMO: (place mouse cursor on the gray picture)