Image qui apparaît lorsque vous cliquez sur un bouton Comment puis-je faire une image cachée apparaissent quand un bouton est cliqué? Comment êtes-vous cachant l'image? Êtes-vous à l'aide d'un framework javascript comme jQuery, Mootools ou Prototype? OriginalL'auteur Bryan | 2011-05-20 buttonclickhiddenhtmlimage 5 Vous avez été chanceux, j'ai eu une page HTML vide prêt: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /> <meta charset="utf-8" /> <title>Test</title> <style type="text/css"> .hidden { display: none; } </style> </head> <body> <form> <input type="submit" id="submit" onclick="document.getElementById('hidden').style.display = 'block';" /> </form> <img id="hidden" class="hidden" src="foo.png" /> </body> </html> OriginalL'auteur Blender 1 À l'aide de jQuery: <img id="image1" src="myimage.jpg" style="display:none;" width="120" height="120"/> <input type="submit" name="submit" value="submit" onclick"$('#image1').show()"/> OriginalL'auteur Andy Davies 0 document.getElementById("submitBtn").onclick = function() { document.getElementById("imageTag").style.display="block"; return true; } OriginalL'auteur Amareswar 0 Voici un exemple <img class="image_file src="image.jpg" /> <input type="submit" id="submit_button" name="submit_button" /> masquer l'image dans le css: .image_file { display:none; } avec jquery: $('#submit_button').click(function( $('.image_file').show(); )); et essayer d'éviter le javascript en ligne, c'est salissant et difficile à maintenir lorsque vous avez un grand site web. OriginalL'auteur Christophe 0 Qui dépendrait de la façon dont vous vous cachez. La meilleure façon de le faire serait de changer le nom de la classe de l'image de celui qui fait-il caché à celui qui n'en a pas. <img src="thesource" class="hidden"> document.getElementById("theid").className = ""; //remove the hidden class. .classHidden { display: none; } OriginalL'auteur John Vous devez vous connecter pour publier un commentaire.
Vous avez été chanceux, j'ai eu une page HTML vide prêt:
OriginalL'auteur Blender
À l'aide de jQuery:
OriginalL'auteur Andy Davies
OriginalL'auteur Amareswar
Voici un exemple
masquer l'image dans le css:
avec jquery:
et essayer d'éviter le javascript en ligne, c'est salissant et difficile à maintenir lorsque vous avez un grand site web.
OriginalL'auteur Christophe
Qui dépendrait de la façon dont vous vous cachez. La meilleure façon de le faire serait de changer le nom de la classe de l'image de celui qui fait-il caché à celui qui n'en a pas.
OriginalL'auteur John