Hide image avec javascript

kimyoo Messages postés 43 Statut Membre -  
kimyoo Messages postés 43 Statut Membre -
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 !

2 réponses

  1. Utilisateur anonyme
     
    Juste faire ça:

    $(function(){ 
    	$('.btn-del').click(function(){
    		$('#img').hide();
    	});
    });
    
    0
    1. kimyoo Messages postés 43 Statut Membre
       
      @ZeNairolf ok Merci :)
      0
  2. codeurh24 Messages postés 760 Date d'inscription   Statut Membre Dernière intervention   123
     
    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>

    0
    1. kimyoo Messages postés 43 Statut Membre
       
      @codeurh24 Merci pour votre réponse
      je l'ai copié coller mais ça marche plus :( 'c'est vraiment bizarre pk ?
      0