Image fade-in on mouse click?

Hey guys,
I’m currently working on this site that needs to be done within a couple of weeks from now, and I’m having trouble getting this last bit of action script figured out. I’ve ran through every tutorials I could find and nothing seemed to work, so I was hoping that someone here could help me out…
What I wanted to do is to get individual pics+text to load externally at mouse click, and to have each pic FADE IN at the beginning after each click.
I’ve gotten the first part to work with the following script, but still can’t seem to get the pic to fade in.
It totally stresses me out cuz I’m pretty sure that it’s probably just an extra line of code that will make it work.
To all you experts out there, pleeease tell me what to do! your help will be greatly appreciated!!

:ex:
imgbtn1.onRelease = function() {
infoField._visible = true;
startLoading(“pic1.jpg”);
loadVariablesNum(“text1.txt”, 0);
};
function startLoading(whichImage) {
loadMovie(whichImage, “imageLoader”);
_root.onEnterFrame = function() {
infoLoaded = imageLoader.getBytesLoaded();
infoTotal = imageLoader.getBytesTotal();
percentage = Math.floor(infoLoaded/infoTotal*100);
infoField.text = percentage+"%";
if (percentage>=100) {
delete this.onEnterFrame;
infoField._visible = false;
}
};
}