Is there a way to add hover over effects (opacity change on mouse over) to all linked images on the site?
This code worked for a single image:
<a href="http://www.americansuburbx.com/2012/12/keizo-kitajima-ussr-1991-2012.html"><img src="http://www.americansuburbx.com/wp-content/uploads/2012/12/BANNER-1b.jpg" style="opacity:1;filter:alpha(opacity=100)"
onmouseover="this.style.opacity=0.5;this.filters.a lpha.opacity=50" /></a>
You can see the result here - the largest image on the front page:
I want to apply this to the entire site including the front page, center post column and widgets where the images are linked.
I would have posted this to a sub-category of the forum but it wasn't clear which one it best fit in.