Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite gente.
É o seguinte, indo direto ao ponto, estou com uma galeria onde quero que ao clicar sobre uma imagem, a mesma seja destacada e sua id enviada a um input do tipo hidden, e ao clicar sobre a mesma, aconteça o efeito contrário, ou seja, a imgem seja deselecionada (não destacada) e o id seja removido do input hidden.
Quero basicamente fazer uma remoção multipla das imagens.
Obs.: Estou utilizando jQuery 1.11 para fazer isso.
Blz cara, isso ajuda bastante. Estou iniciando em jQuery, más é justamente isso mesmo que quero.
De resto me viro aqui. Quando concluir o script, postarei aqui para ajudar outros usuários. Valew.
Boa noite amigos. Como prometido, consegui desenvolver o script que faz a seleção das imagens e exclui as mesmas.
Segue abaixo o código. Não vou comentar pq estou com muito sono.
<!-- DEFINIÇÃO DO ESTILO PARA QUANDO A IMAGEM ESTIVER SELECIONADA -->
<style type="text/css">
.selecionada{ opacity:.3;}
</style>
<!-- IMAGENS QUE RECEBEM O ID QUE VAI SER DELETADO, DE PREFERÊNCIA DO BANCO DE DADOS -->
<img data-id="recebe id do banco" src="endereço da imagem">
<?php if(isset($_POST['deletarFotos']) && !empty($_POST['idsDelete'])){
$arrIds = array_filter(explode(',',$_POST['idsDelete']));
foreach($arrIds as $idDel):
$qr = "DELETE FROM galeria_fotos WHERE id = $idDel";
$deleta = mysql_query($qr);
endforeach;
}
?>
<!-- FORMULÁRIO QUE ENVIA O ID DAS IMAGENS QUE DESEJA DELETAR -->
<form method="post" id="deletar" name="frmDeleta">
<span style="display:none;" class="ids"></span>
<input class="ids-delete" type="hidden" name="idsDelete">
<input type="hidden" name="deletarFotos">
</form>
<!-- SELECIONAR IMAGENS PARA DELETAR -->
<script>
$('img').click(function() {
var id = $(this).attr('data-id');
$(this).toggleClass('selecionada');
if($(this).hasClass('selecionada')){
$(".ids").append(id+',');
}else{
var valor = $(".ids").html().replace(id+',', "");
$(".ids").html(valor);
}
$(".ids-delete").val($(".ids").text());
});
</script>