Hide image avec javascript

Fermé

kimyoo Messages postés 36 Date d'inscription lundi 29 juin 2015 Statut Membre Dernière intervention 6 octobre 2015 - 8 juil. 2015 à 16:30
kimyoo Messages postés 36 Date d'inscription lundi 29 juin 2015 Statut Membre Dernière intervention 6 octobre 2015 - 9 juil. 2015 à 11:24

Bonjour,

comment faire pour cacher une image avec javscript
je l'essaye avec ce code mais ça marche pas :

 <div   class="btn btn-del btn-danger btn-mini pull-left ">
                                                      <i class="fa fa-trash-o "></i>supp.
                                                    </div>
                                           
                                            <img width="180px" hight="100px" src="<?php echo base_url("./media/events/".$event->img); ?>" id="img"  />

<script>
  
                                        $(function(){ 

                                          $('.btn-del').click(function(){

                                            $('#img').style.visibility = 'hidden';

                                              }
                                            });
                                          });
                                          

                                        
                                      </script>

Si j'ai oublié de préciser quelque chose faites le moi savoir.

En vous remerciant d'avance !

A voir également:

Hide image javascript
Image iso - Guide
Telecharger javascript - Télécharger - Langages
Acronis true image - Télécharger - Sauvegarde
Google recherche par image - Guide
Faststone image viewer - Télécharger - Visionnage & Diaporama

2 réponses

Réponse 1 / 2

Utilisateur anonyme
8 juil. 2015 à 17:06

Juste faire ça:

$(function(){ 
	$('.btn-del').click(function(){
		$('#img').hide();
	});
});

kimyoo Messages postés 36 Date d'inscription lundi 29 juin 2015 Statut Membre Dernière intervention 6 octobre 2015
9 juil. 2015 à 11:21

@ZeNairolf ok Merci :)

Réponse 2 / 2

codeurh24 Messages postés 761 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 123
8 juil. 2015 à 17:10

bonjour,



<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
   <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <title></title>
	<style>
		img{
			width: 500px;
			height: 500px;
		}
	</style>
	<script>
		$(document).ready(function(){
			$( "#image1" ).click(function(){
				$(this).css("display", "none");
			});
		});
	</script>
</head>
<body>
		<img id="image1" src="monimage1.jpg" alt="Image 1" />
</body>
</html>

kimyoo Messages postés 36 Date d'inscription lundi 29 juin 2015 Statut Membre Dernière intervention 6 octobre 2015
9 juil. 2015 à 11:24

@codeurh24 Merci pour votre réponse
je l'ai copié coller mais ça marche plus :( 'c'est vraiment bizarre pk ?

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Discussions similaires

Newsletters