Ir para o conteúdo
richie

jquery next e prev img

Mensagens Recomendadas

richie

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!

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.