Comment changer une image en fonction d'une valeur (javascript)

Bonjour ou bonsoir à tous
je cherche comment changer une image en fonction de la valeur d'un input, c'est à dire que je souhaiterais mettre l'image 1 lorsque le compteur 2 est à zéro,

L'image de départ est l'image correspondant à l'image 8

le script du compteur (id=compteur2)

Code:

---

<input name="compteur2" type="text" id="compteur2" style=background="../Images/fond.gif" ; border:#000000 none 1px; text-align:center; font-size:120px" value="00 " size="4" " readonly="true" min="1" max="5" >

---

image 1 lorsque la valeur du compteur2=0 ----> src="C:\Users\hoplacarte\Saved Games\SITE HOPLACARTE1\Images\1.png"
image 2 lorsque la valeur du compteur2=est >ou = à 1 et <ou = à 8 ----> src="C:\Users\hoplacarte\Saved Games\SITE HOPLACARTE1\Images\2.png"
image 3 lorsque la valeur du compteur2=est >ou = à 9 et <ou = à 16 ----> src="C:\Users\hoplacarte\Saved Games\SITE HOPLACARTE1\Images\2.png"

en réalité tous les 8 points

bouton input problème impossible de bloquervaleur du compteur j'aimerais que celui c ine dépasse pas (-1) points et (+98)points

Code:

---

<input name="compteur2" type="text" id="compteur2" style=background="../Images/fond.gif" ; border:#000000 none 1px; text-align:center; font-size:120px" value="00 " size="4" " readonly="true" min="-1" max="99" >

---

fonction javascript increment:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

var valeur1=000; function modifier_un(increment) { valeur1+=increment; document.getElementById('compteur1').value=valeur1; }   var valeur2=000; function modifier_deux(increment) { valeur2+=increment; document.getElementById('compteur2').value=valeur2; }// JavaScript Document

---

voila merci beaucoup de votre aide
mille fois déjà MERCI

LAURENT
:roll::roll:

Bonjour,

Il faut que tu passe par l'appel d'une fonction js sur l'événement onchange de ton input

Code:

---

1 2	<input name="compteur2" type="text" id="compteur2" onchange="actualiseImg();" ...>

---

Voici ensuite les étapes de l'algo à mettre dans la fonction actualiseImg :

- récupération de la valeur de l'input
- test de valeur de l'input pour déterminer le src de l'image
- récupération de l'image à modifier
- affectation de la nouvelle valeur de l'attribut src à l'image

Citation:

---

image 2 lorsque la valeur du compteur2=est >ou = à 1 et <ou = à 8 ----> src="C:\Users\hoplacarte\Saved Games\SITE HOPLACARTE1\Images\2.png"
image 3 lorsque la valeur du compteur2=est >ou = à 9 et <ou = à 16 ----> src="C:\Users\hoplacarte\Saved Games\SITE HOPLACARTE1\Images\2.png"

---

:koi:

image 2 = image 3 ???

mets les path dans un array ...
en les ayant préchargées

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

image1= new Image(); image1.scr= ...   image2= new Image(); image2.scr= ...     image3= new Image(); image3.scr= ...   tabImages= [image1,image2,image3];

---

ensuite il ne te reste plus comme dit au dessus qu'à invoquer le bon index d'image sur le test de la valeur voulue ...

Merci beaucoup pour l'aide, je vais approfondir car j y arrive pas je débute et je me suis un peu emmêlé les pinceaux avec les scripts fournis avant, je vais chercher et si je trouve pas je reviendrais vers vous si vous le permettait
merci déjà pour votre aide

LAURENT