sélectionner et désélectionner des images sur une page Web avec jquery

Question

J'ai une liste d'images sur la page Web. Je veux cliquer sur l'image pour la sélectionner et je veux afficher l'image sélectionnée sur la même page. En cliquant sur l'image sélectionnée, je veux la désélectionner. J'ai affiché le croquis ci-dessous. Quelqu'un peut-il s'il vous plaît m'aider avec le code jquery, comment le faire. Merci beaucoup.

Answer 1

Here est quelque chose pour commencer.

$('#selectList img') 
    .each(function(i, el){ 
     $(this).addClass('img' + i); // identtify imgs by index (class="imgN") 
    }) 
    .click(function(){ 
     var $img = $(this).toggleClass('clicked'); 
     if($img.hasClass('clicked')) 
      output.append($img.clone().removeClass('clicked')); 
     else 
      output.find('.' + $img[0].className).remove(); 
    });