Faire un fondu enchaîné.

allou78 - 2 févr. 2013 à 09:26
Cyreb Messages postés 15 Date d'inscription vendredi 28 février 2003 Statut Membre Dernière intervention 8 avril 2013 - 8 avril 2013 à 19:04
Bonjour,
Je suis débutant et je n'arrive pas à trouver ce que je cherche.
J'ai trouvé un javascript simple pour faire défiler des photos mais je voudrai faire un fondu entre chaque photo.
Que dois-je mettre en plus dans les lignes ci-dessous ?
Merci d'avance pour la réponse.


<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<SCRIPT LANGUAGE="JavaScript">
<!--
var timeDelay = 5;
var Pix = new Array
("photos annonce/defil_a_01.jpg"
,"photos annonce/defil_a_02.jpg"
,"photos annonce/defil_a_03.jpg"
,"photos annonce/defil_a_04.jpg"
,"photos annonce/skirando.jpg"
,"photos annonce/skirando1.jpg"
,"photos annonce/defil_a_05.jpg"
,"photos annonce/defil_a_06.jpg"
,"photos annonce/defil_a_07.jpg"
,"photos annonce/defil_a_08.jpg"
);
var howMany = Pix.length;
timeDelay *= 600;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</head>








</html>

1 réponse

Cyreb Messages postés 15 Date d'inscription vendredi 28 février 2003 Statut Membre Dernière intervention 8 avril 2013
8 avril 2013 à 19:04
peut être voir du coté des transitions css3, vous devrez trouver votre bonheurs, des sources relatives au transition, animation css3 sont présentes sur ce sites (et ailleurs)
0
Rejoignez-nous