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!
$('.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!