modification de la source d'une image

Version imprimable

Voir 40 message(s) de cette discussion en une page

23/03/2006, 11h04
klimero

modification de la source d'une image
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:

1 2 document.bando.scr="image/bandooutils.jpg"
mais ca ne change rien

merci de votre aide!!

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

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

23/03/2006, 11h06
klimero

c est son nom

mais c'est pas con jva aller le modifier de suite merci
23/03/2006, 11h08
SpaceFrog

Code:

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

si tu veux garder le name
23/03/2006, 11h15
klimero

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??
23/03/2006, 11h26
klimero

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??
23/03/2006, 11h28
SpaceFrog

non mais si tes images sont grosses il faut en faire un preload ...
23/03/2006, 11h28
klimero

a oui un preload.....

tu peux expliquer comment ca fonctionne??

au chargement de la page
Code:

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:

obj.src=TabImages[0].src

23/03/2006, 11h32
klimero

et il changera automatiquement l image???
23/03/2006, 11h34
SpaceFrog

il preload les images au moment du chargement de la page ...
23/03/2006, 11h35
klimero

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...)
23/03/2006, 11h48
SpaceFrog

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 ...
23/03/2006, 11h52
klimero

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

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

Code:

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>

23/03/2006, 12h05
klimero

ben merci je vais tester
bon ap
23/03/2006, 14h01
klimero

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
23/03/2006, 14h04
SpaceFrog

tu es sous quel navigateur ???
23/03/2006, 14h06
klimero

IE mais il doit fonctionner sous firefox

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

au pire essaye
Code:

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 ????

Voir 40 message(s) de cette discussion en une page