Je dois faire apparaitre un div avec un effet style appear ou autre

le probleme est que le div est 'hidden' avant

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<div id='preview' style='position:absolute;visibility:hidden;display: none;'></div>
quand la souris passe sur une element précis (une image) une image plus grande s affiche dans le div preview

comme ceci

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
function AppearImg() {
 
newHTML = '<img src="' + imagename + '" />';
 
$("preview").innerHTML = newHTML;
 
new Effect.Appear("preview");
 
$("preview").style.display = 'block';
 
$("preview").style.visibility = 'visible';
 
}

Ca fonctionne mais on dirait que le code new Effect.Appear("preview"); affiche automatiquement le div

donc on a un tres court instant l affichage de l image normale , puis l effet commence, ce qui est pas tres joli ..(meme probleme avec d autres effets..)

connaissez vous un moment de contourner ca ?

Merci