Selecionar varias imagens com jquery

[saulo69 1]

Boa tarde pessoal, um cliente solicitou um sistema de upload de fotos e que na hora de excluir clicasse em cada foto e depois de selecionar as fotos desejadas clicasse em excluir e pronto. Pensei no seguinte:

 

Fazer a exclusão por ajax (até aí eu sei), e para selecionar as fotos e os id's eu colocaria um hidden que ao clicar nas imagens ele fosse armazenando no value ex: '1','2'...'10' os id's das fotos...

 

Grato!

[William Bruno 1501]

ok, boa idéia.

 

Qual a sua dúvida ?

Vc pode colocar o hidden no mesmo elemento pai da imagem, ou trabalhar com um atributo: <img data-id="12" /> ai vc faz o ajax em cima do valor desse atributo.

[saulo69 1]

Cara valeu, eu tô caminhando para a solução, mas ainda estou com dificuldade veja:

 

quando clico na imagem ele põe uma borda, mas queria que quando clicasse novamente ela inserirsse e se eu clicasse ela retirasse... enfim, o usuário pode ficar na duvida e selecionar/deselecionar varias vezes...

 

Veja meu código:

 

 

$('.img').click(function(){
// pega o id do elemento
var id = $(this).attr('id');
// coloca o elemento no array
ar.push($(this).attr('id'));
 
// coloca a borda em cada elemento clicado
$('#'+$(this).attr('id')).css("border","2px solid #F00");

 

 

});

[William Bruno 1501]

hum.. pode ser mais fácil, veja:

 

vc cria uma class no css:

.com-borda { border: 2px solid #F00; }

ai vc faz o elemento ganhar ou perder essa class:

$('.img').click(function(){
   var $this = $(this);
   
   if( $this.hasClass('com-borda') ){
      $this.removeClass('com-borda');
   }else {
      $this.addClass('com-borda');
   }
});

viu ? não precisa do ID.

[saulo69 1]

Show! Muito obrigado! Logo mais posto o código, caso alguém necessite...