[surement Java-script] changer une image à un click

changer une image à un click [surement Java-script] - Programmation

Marsh Posté le 18-03-2001 à 20:46:01    

Je voudrais que qd un utilisateur, clique sur une image, que celle ci change en une autre et quand il reclicque, quelle redevinne comme avant.
je pense que c du java-script ( je ne le connais pas du tout ) avec "onclick"  
si qqn, peux m'expliquer ou me donner un script tt fait, ce serait sympa
merci
a+

Reply

Marsh Posté le 18-03-2001 à 20:46:01   

Reply

Marsh Posté le 18-03-2001 à 23:56:20    

t'as bien raison... c du javascript :D
 
Quant au script... va faire un tour sur les sites concernés.
 
Sinon, si ca peut t'aider...
 
dans le code HTML:
<img ... name="mon_image" onclick="changer_image(1)">
 
dans le code javascript:
function changer_image(image_num)
{
  un select/switch ou if then else sur image_num
  if ( image_num == 0 )
  {
    window.document.mon_image.src="url_0";
  }
  else
  {
    if ( image_num == 1 )
    {
      window.document.mon_image.src="url_1";
    }
  }
}
 
Enfin, jsuis pas sur ke ca marche mais j'espere ke ta vu le principe.. De toutes acon une petite recherche sur le forum et tu devrais trouver ce ke tu cherches :)
Bonne chance...

Reply

Marsh Posté le 18-03-2001 à 23:59:49    

ca 100 balles et un mars
 
<html>
<title>Toto est de retour</title>
<style></style>
<body>
<img name="toto" src="" onClick="toto_tu_es_la()">
<script language="javascript">
  var img=document.all.toto;
  var n=0;
  var im=new Array(2);
  im[0]=new Image();
  im[0].src="image1.gif";
  im[1]=new Image();
  im[1].src="image1.gif";
  function toto_tu_es_la() {
    img.src=im[n].src;
    n=(n+1)&1;
    }
  toto_tu_es_la();
</script>
</body>
</html>
 
fonctionne pour ie, pour netscape j'ai des doutes
 
voila je pense que c'est bon. logiquement je n'ai pas fait des fautes

Reply

Marsh Posté le 19-03-2001 à 11:41:21    

merci bcp !
je v essayer ça

Reply

Marsh Posté le 19-03-2001 à 13:58:01    

Je vous conseille ça, ça donne plein d'idée : http://www.editeurjavascript.com

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed