modification de la source d'une image

**klimero** · 23/03/2006, 12h04

bonjour,

voila, j ai une page avec plusiseurs images, lorsque je clique sur une je vais dans un code javascript pour changer cette image, cependant je ne sais pas comment faire cela merci de votre aide.

j'ai essayé un petit truc voila le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
			document.bando.scr="image/bandooutils.jpg"

mais ca ne change rien

merci de votre aide!!

**SpaceFrog** · 23/03/2006, 12h06

bando c'est l'id de l'objet ???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById('bando').scr="image/bandooutils.jpg"

**klimero** · 23/03/2006, 12h06

c est son nom

mais c'est pas con jva aller le modifier de suite merci

**SpaceFrog** · 23/03/2006, 12h08

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName('bando')[0].scr="image/bandooutils.jpg"

si tu veux garder le name

**klimero** · 23/03/2006, 12h15

je ne sais pas ce qu il fait....
il ne change pas l'image, le lien est bon mais il ne change pas l'image.

pour changer une image avec javascript comment fait on??

**klimero** · 23/03/2006, 12h26

c est bon ca fonctionne, enfin la source change mais pas l image, je ne sais pas comment la faire changer il faudré utiliser un iframe non??

**SpaceFrog** · 23/03/2006, 12h28

non mais si tes images sont grosses il faut en faire un preload ...

**klimero** · 23/03/2006, 12h28

a oui un preload.....

tu peux expliquer comment ca fonctionne??

**SpaceFrog** · 23/03/2006, 12h31

au chargement de la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var TabImages=new Array()
TabImages[0]=new Image()
TabImages[0].src="image1.jpg"
TabImages[1]=new Image()
TabImages[2].src="image1.jpg"

ensuite

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

obj.src=TabImages[0].src

**klimero** · 23/03/2006, 12h32

et il changera automatiquement l image???

**SpaceFrog** · 23/03/2006, 12h34

il preload les images au moment du chargement de la page ...

**klimero** · 23/03/2006, 12h35

j'ai proposé la solution du prechargement a mon chef et il ne veut pas l'iframe semble inevitable...
le soucis c'est que moi l'iframe voila quoi donc un ti conseil si quelqu un ecoute une ame perdue....(jpete un cable la prog c mal...)

**SpaceFrog** · 23/03/2006, 12h48

une iframe pour une image ...
pfff et pourquoi pas la tour effeil comme cure dent ...
pas besoin d'iframe ...
de toute façon le problème sera la même faudra bien qu'il aille retper le serveur pour loader l'image ...

**klimero** · 23/03/2006, 12h52

lol ben vi me dis aussi que c est con d utiliser une iframe (surtout que je sais pas les utiliser lol!)

sinon pour le preload, tu te doutes que c est la suite du post precedent, je voulais savoir, lorsque je cliquerai sur une image est ce qu elle se changera automatiquement

**SpaceFrog** · 23/03/2006, 12h57

je viens de tester ça sasn aucun souci chez moi ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script type='text/javascript' >
function SwapImage(MonImage) {
			 MonImage.src="snow1.gif";
   	    	}
</script>
</head>
<body>
<img src="snow.gif" onclick="SwapImage(this)">
</body>
</html>

**klimero** · 23/03/2006, 13h05

ben merci je vais tester
bon ap

**klimero** · 23/03/2006, 15h01

re

voila j ai tester mais le probleme c est que l'image ne change pas...

sa source est differente mais comme elle ne se recharge pas ben ca reste l'image de base que l'on voit

merci de l aide

**SpaceFrog** · 23/03/2006, 15h04

tu es sous quel navigateur ???

**klimero** · 23/03/2006, 15h06

IE mais il doit fonctionner sous firefox

**SpaceFrog** · 23/03/2006, 15h17

ton problème vient d'ailleurs car j'ai testé sour IE et mon code fonctionne ...

au pire essaye

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<script type='text/javascript' >
function SwapImage(MonImage) {
          MonImage.src="snow1.gif?"+new Date();
             }
</script>

peut être un souci de cache ????

modification de la source d'une image

JavaScript

Vue hybride

Discussions similaires

Partager

Partager