Affichage d'image au clik d'une autre image

Affichage d'image au clik d'une autre image - HTML/CSS - Programmation

Marsh Posté le 15-01-2009 à 11:11:51    

Bonjour,
 
J'aimerais rendre cliquable une image I1 pour qu'elle m'affiche l'image I2.
I2 apparaitra pendant quelques secondes.
 

Mon code HTML (où est le soucis):

Code :
  2. <img src="images/I1.jpg" />         <-- comment dois-je la rendre cliquable???
  3.     <div id="form" style="position:absolute; left:260px; top:210px; padding:0; margin:0; visibility:hidden;">
  4.         <img src="image/I2.gif" alt="."/>
  5.     </div>


 
 
Mon code javascript (qui fonctionne normalement):

Code :
  1. <script type="text/javascript">
  2.         function MontreI2(){
  3.             document.getElementById('form').style.visibility='visible';
  4.             setTimeout("CacheI2()",3000);
  5.         };
  6.         function CacheI2(){
  7.             document.getElementById('form').style.visibility='hidden';
  8.         };
  9.     </script>


 
 
merci d'avance


Message édité par hatou le 15-01-2009 à 11:22:32
Reply

Marsh Posté le 15-01-2009 à 11:11:51   

Reply

Marsh Posté le 15-01-2009 à 11:13:24    

Quel soucis ? Je n'ai pas très bien compris le problème ?

Reply

Marsh Posté le 15-01-2009 à 11:18:22    

j'arrive pas à rendre l'image I1 cliquable pour afficher une autre image (I2)
 
<img src="images/I1.jpg" />

Reply

Marsh Posté le 15-01-2009 à 11:23:33    

Il manque l'évènement onclick sur l'image, pour appeller la fonction MontreI2

Reply

Marsh Posté le 15-01-2009 à 11:28:39    

merci de ta réponse.
Je fais comme ceci:
 
<img src="images2/formatvideo.jpg" onclick="MontreI2"/>
 
??

Reply

Marsh Posté le 15-01-2009 à 11:31:09    

Merci ça fonctionne!!!
 
<img src="images2/formatvideo.jpg" onclick="MontreI2()"/>  
 
;)

Reply

Sujets relatifs:

Leave a Replay

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