Html5 Image Fading

Hello there guys. Looking for some help. Here is a link of what I currently have for an image-fade slideshow so far. However if I can I’d like html5+css3 to handle the fade effects instead of depending as heavily on jquery and js. Using the browsers own fade rendering will lighten that load.

Link to what I have currently:

Link to some somewhat working examples. Any help would be greately appreciated!

http://css3.bradshawenterprises.com/#cfimg

I’d discourage relying on CSS3 to modify the opacity of the images as css3 is bearly even supported by the broad user base of browsers today.

Also the more recent browsers that do support CSS3 also have much faster processing of javascript so if you’re worried about performance, it is more dependent on your own coding rather than the browsers capability to process the javascript.