Problem Small javascript problem

Oh man! Ad-blocking software has been detected! :'(

This website is run by the community, for the community... and it needs advertisements in order to keep running. Blocking our ads means your killing our stats!
Please disable your ad-block, or become a premium member to hide all advertisements and this notice.

Hi,

just got my portfolio site up on the web and developed on Wordpress. I've developed it all using HTML5 and CSS3.

When viewed in a webkit browser (Safari, Chrome) the slideshows have transitions on them allowing the images to fade in to one another and slide down on hover.

In other browsers however, the images do not fade out, and they slide down without the transitions.

my website is http://cmnddsgn.com to let you get the idea of what I'm talking about.

I want to develop this in Javascript for cross browser consistency that would fall back to the CSS3 if JS is not enabled. Any ideas how I could do this.

I have no JS knowledge what so ever. Some PHP knowledge (Enough to make WP/Drupal themes), HTML and CSS I am fairly fluent with.