You can see my status on avatar ^^ im not programmer, im not very good designer, but I know some pieces of both, so I have 2 offers.
1.Make new page or post or whatever for your retouthing examples, and make rollover images with html, the code should be
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('rollover_image_path')"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image_name','','rollover_image_path',1)"><img name="Image_name" border="0" src="original_image_path"></a>
you should change just the last line and tell the script yout image paths.
2nd maybe better offer, with it you will be able to show it in your current gallery, just make the .gif of 2 images 1 original and 1 retouched, make interval between switching 3 seconds and it will be cool.
Sorry there are not very professional solutions, but something better than nothing, maybe more professional people will offer something better
J.Hoque Photography
rate4d