Effet de fondu sur une visionneuse d'image
Bonjour tous,
J'ai un script en javascript qui me permet de visionner des images.
J'aimerai intégrer dans ce script un effet de fondu (transition entre deux image) ... J'ai regardé sur le net et j'ai vu qu'étaient utilisées les fonctions setOpacity, fade in, fade out ... mais je ne connais pas assez javascript pour modifié mon cade.
Le voici :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <script language="JavaScript" type="text/JavaScript">
<!--
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("photo1.jpg", "photo2.jpg", "photo3.jpg");
var numero = 1;
function changer() {
document.image.src = "photo/"+nom[numero];
numero += 1;
if (numero == nom.length + 1) numero = 1;
setTimeout("changer()", 3000);
}
//-->
</script> |
et je mets dans la balise "body" : <body onLoad="changer();>
et après, je mets ma première image dans ma page : <img src="photo/photo1.jpg" width="750" height="290" name="image">
Si quelqu'un peut m'aider, ce serait vraiment vraiment formidable !!
Merci à tous pour votre attention,
bonne journée !
