Hello a tous,

J'ai une petite fonction js qui load des images dans un div :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div id="presentoire" style="margin:30px;padding:30px;">
	<center>
		<img id="main_picture" src="" width="" height=""> 
	</center>
</div>

Et voici la fonction js :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
function displayPicture(id)
{
	document.getElementById("main_picture").src = data;
	document.getElementById('main_picture').style.animation = "display_picture 2s";
}
Et voici l'animation qui est loadee :

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
@keyframes display_picture
{
from {opacity:0;}
to {opacity:1;}
}
 
@-webkit-keyframes display_picture /* Safari and Chrome */
{
from {opacity:0;}
to {opacity:1;}
}

Mon probleme est que l'animation n'est repetee quune fois alors que je la voudrais a chaque chargement dimage. Pouvez vous maider ?

Merki.
FS