A voir également:
- Javascript: Rafraichissement d' image.
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Windows
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
1 réponse
Crée une page HTML dans laquelle tu places le codeci-dessous.
Crée deux images dans le même répertoire que cette page. Nommes-les "green.gif" et "red.gif".
Pour changer la source d'une image, donne un id à ta balise image:
<img id="img_01" />
et utilises la fonction suivante Javascript pour la modifier:
document.all("img_01").src="uneimage.gig"
où "img_01" est l'id de l'image et "uneimage.gif" est le fichier contenant l'image à afficher.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script>
var firstImage;
var secondImage;
function loadImages(){
firstImage=new Image();
firstImage.src="red.gif";
secondImage=new Image();
secondImage.src="green.gif";
}
function showImages(){
document.all("img_01").src=firstImage.src;
}
loadImages();
</script>
</head>
<body>
<img id="img_01" onMouseOver="javascript:this.src=secondImage.src" onMouseOut="javascript:this.src=firstImage.src"/>
<script>showImages();</script>
</body>
</html>
;-)
HackTrack
Crée deux images dans le même répertoire que cette page. Nommes-les "green.gif" et "red.gif".
Pour changer la source d'une image, donne un id à ta balise image:
<img id="img_01" />
et utilises la fonction suivante Javascript pour la modifier:
document.all("img_01").src="uneimage.gig"
où "img_01" est l'id de l'image et "uneimage.gif" est le fichier contenant l'image à afficher.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script>
var firstImage;
var secondImage;
function loadImages(){
firstImage=new Image();
firstImage.src="red.gif";
secondImage=new Image();
secondImage.src="green.gif";
}
function showImages(){
document.all("img_01").src=firstImage.src;
}
loadImages();
</script>
</head>
<body>
<img id="img_01" onMouseOver="javascript:this.src=secondImage.src" onMouseOut="javascript:this.src=firstImage.src"/>
<script>showImages();</script>
</body>
</html>
;-)
HackTrack
