Rollover fadein effect for before and after examples

Rollover fadein effect for before and after examples

My name is Andy and I am new here, so hello everyone and congratulations for becoming the official jQuery forum!

I am a trying to setup a website offering PhotoShop image retouching. I would like to setup a script which looks for any image with a class of (for example) "before_after".

It would then grab an image from the same folder, with the same name but with "_before" at the end of the filename, for example:

"client_picture.jpg"
"client_picture_before.jpg"

It would then fade from "client_picture.jpg" image to the "client_picture_before.jpg".

Firstly, is this possible?
Secondly, if it is possible (I suspect it is), how would I do it?

Many, many thanks,

Andy

PS. I know there are lots of questions about this all over the Internet but I haven't found anything specific to my needs...