Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

jquery next e prev img

$
0
0
Boas pessoal tou a fazer um site e tou com uma dificuldade em conseguir acertar com o codigo para a minha galeria para poder fazer next e prev nas imagens no lightbox que fiz a baixo deixo o codigo que fiz se alguem me poder ajudar agradecia! (deixo a sublinhado a parte do prev que estava a tentar fazer mas no src da img da-me undifined)

$('.galeriaGimg').click(function (e) {
var img = e.target.src;
var ref = e.target.alt;
var janela = '<div class="janelaG"><img class="janelaGimg" src="'+ img +'"><p class="janelaRef">'+ ref +'</p><div class="janelaPrev"><label for="janelaPrev" class="icon-prev"></label></div><div class="janelaNext"><label for="janelaNext" class="icon-next"></label></div><div class="janelaGbtn"><label for="janelaGbtn" class="icon-close"></label></div></div>';
$('body').append(janela);

$('.janelaPrev').click(function () {
$('.janelaG').remove();
var prevImg = $('.galeriaG > img').prev('img').attr('src');
var janela = '<div class="janelaG"><img class="janelaGimg" src="'+ prevImg +'"><p class="janelaRef">'+ ref +'</p><div class="janelaPrev"><label for="janelaPrev" class="icon-prev"></label></div><div class="janelaNext"><label for="janelaNext" class="icon-next"></label></div><div class="janelaGbtn"><label for="janelaGbtn" class="icon-close"></label></div></div>';
$('body').append(janela);
});


$('.janelaGbtn').click(function () {
$('.janelaG').remove();
});
});

$(document).keyup(function (e) {
if (e.which==27){
$('.janelaG').remove();
}
});

Obrigado!

Viewing all articles
Browse latest Browse all 14700