Hi -
Im using Prototype/Scriptaculous frameworks for this site I am building.
On the homepage, I am fading in some elements to add a little presentation.

The script I wrote looks like:
Code:
<body id="article" onload="fadeIn('home', 'tagline
Code:
function fadeIn(el1, el2) {
	$(el1).hide();
	$(el2).hide();
	
	if($(el1)) {
		Effect.Appear(el1,{duration:1.5,queue:'end'});
	}
	
	if($(el2)) {
		Effect.Appear(el2,{duration:2.5,queue:'end'});
	}

}
The effect works like it should however there is a quick flash of the image before the elements disappear and then fade back in. How can I prevent this?

My CSS doesn't apply any hiding of elements, but when I do, the effect does not work. I am not 100% sure how scriptaculous makes its elements appear, either with the visibility rule or display.

Thanks.
Rich