[HTML/JS] Masquer une image

Masquer une image [HTML/JS] - HTML/CSS - Programmation

Marsh Posté le 04-02-2004 à 10:43:56    

Bonjour tout le monde,
 
voilà, j'aimerai avoir sur ma page 2 images dont 1 ne soit pas pas visibles tout de suite. Ensuite, quand je clique sur une case à cocher, la 1ère image devient invisible, la 2ème s'affiche.
 
Merci à vous

Reply

Marsh Posté le 04-02-2004 à 10:43:56   

Reply

Marsh Posté le 04-02-2004 à 11:09:28    

Fodrait utiliser des styles et le paramètres display et les evènements javascript.

Reply

Marsh Posté le 04-02-2004 à 11:18:34    

tafkap a écrit :

Bonjour tout le monde,
 
voilà, j'aimerai avoir sur ma page 2 images dont 1 ne soit pas pas visibles tout de suite. Ensuite, quand je clique sur une case à cocher, la 1ère image devient invisible, la 2ème s'affiche.
 
Merci à vous


 
Très facile :
 
dans les css :
 

Code :
  1. #imagecachee
  2. {
  3. display : none;
  4. }


 
dans le html :
 

Code :
  1. <input style="radio" (ou ce que tu veux) name="nom_truc" onfocus="ta_fonction_en_javascript();" />
  2. ...
  3. plus loin :
  4. <img src="adresse_image.html" id="imagecachee" alt="image" title="titre de ton image" />


 
dans le js :

Citation :


function ta_fonction_en_javascript()
{
 document.getElementById('imagecachee').style.display = "block"; // par exemple.
}


Reply

Marsh Posté le 04-02-2004 à 11:45:21    

Pfff merci les gars, heureusement que vous êtes là, vous me faites gagner un temps précieux... :jap: :jap:
 
Mille mercis.

Reply

Sujets relatifs:

Leave a Replay

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