jQuery - Gestion des images

Question

Existe-t-il un plug-in jQuery/JavaScript qui me permettra d'afficher un tableau d'images, mais avec (au moins) l'option de supprimer l'image pour certaines actions de l'utilisateur.

Quelque chose comme ceci: http://www.gmarwaha.com/jquery/jcarousellite/index.php mais avec bouton de suppression dédié sur chaque image.

La première option supplémentaire que je peux penser est de réorganiser l'ordre des images.

Sinon ... Je pense que je vais commencer étendre dessus jcarousellite moi-même ....

Answer 1

Vous pouvez simplement ajouter un événement de clic à chaque image et certains jQuery pour supprimer l'image de la liste. Il n'est pas nécessaire d'écrire un plugin séparé. La syntaxe ci-dessous peut être erronée. J'écris ceci sur mon téléphone donc aucun moyen de vérifier. Mais vous obtenez l'image (sic).

<script type="text/javascript"> 
    $(function() { 
     $("div.jCarouselLite > img").click(function(){ 
      $(this).hide(); 
     }); 
    }); 
</script> 

     <div class="jCarouselLite"> 
      <ul> 
       <li><img src="image/1.jpg" alt="" width="150" height="118"></li> 

       <li><img src="image/2.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/3.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/4.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/5.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/6.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/7.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/8.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/9.jpg" alt="" width="150" height="118"></li> 
       <li><img src="image/10.jpg" alt="" width="150" height="118"></li> 

       <li><img src="image/11.jpg" alt="" width="150" height="118"></li> 
      </ul> 
     </div>