Faire afficher une image

Version imprimable

14/10/2008, 22h37
spawns

Faire afficher une image
Slt à tous,
comme je suis newbie en javascript peut etre que ma question va paraitre C...

Je voudrais faire apparaite un image en fonction d'une fonction. Je ne sais pas si la symtaxe est bonne.
Code:

1 2 3 4 5 6 7 8 9 10 function protamp() { var tamp1=("recev.png"); var tamp2=("etude.png"); if(formu.proendet.value<50){ var tamp=tamp1; }else{ var tamp=tamp2; } }
apres je voudrais faire apparaitre la variable tamp en fonction du résultat dans une balise classique <img src="......." alt="" />

Comment faut t'on ???
Merci d'avance de votre aide

salut , je ne sais pas a quel moment tu appel ta fonction mais ça ressemble a ça :
coté html :

Code:

<img src="default.jpg" id="monimage" />

coté javascript :
Code:

1 2 3 4 5 6 7 8 9 10 function protamp() { var tamp1="recev.png"; var tamp2="etude.png"; if(formu.proendet.value<50){ document.getElementById('monimage').src = tamp1; }else{ document.getElementById('monimage').src = tamp2; } }

sauf que cela entrainera un temps de chargement de l'image ...

je proposerais plutot un preload:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function protamp()
{
var tamp1=nex Image();
tamp1.src="recev.png";
var tamp2=new Image();
tamp2.src="etude.png";
if(formu.proendet.value<50){
document.getElementById('monimage').src = tamp1.src;
}else{
document.getElementById('monimage').src = tamp2.src;
}
}

15/10/2008, 09h24
spawns

d'accord mais je mes quoi comme valeur
à la place de "defaut.jpg".
15/10/2008, 09h25
le_chomeur

l'image que tu souhaites au départ :-/
15/10/2008, 09h27
spawns

Il n'y en a pas au depart,
c'est dans un form que l'internaute rempli
Cela se rempli automatiquement. car au depart on ne sais pas si le resultat dans la cellule va etre < ou >.
15/10/2008, 09h29
spawns

Finalement je vais creer une image vide en attendant.
cela fonctionnera

dans ce cas la tu la masque :

Code:

<img src="default.jpg" id="monimage" style="display:none" />

puis dans la méthode :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function protamp()
{
var tamp1=nex Image();
tamp1.src="recev.png";
var tamp2=new Image();
tamp2.src="etude.png";
document.getElementById('monimage').style.display = "block";
if(formu.proendet.value<50){
document.getElementById('monimage').src = tamp1.src;
}else{
document.getElementById('monimage').src = tamp2.src;
}
}

15/10/2008, 09h59
SpaceFrog

peut être modifier le src avant le display ...