Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

DunkMask

link em lightbox

Recommended Posts

Olá, boa noite.

Estou usando o fancybox (lightbox) e estava querendo usar um link na descrição da imagem quando ela é aberta. Alguém aqui já fez isso com este script que possa me dar uma ajuda de como executar isso? Quero entender omo isso funciona.

tentei usar alguns atributos extras e não consegui.

Listagem de imagem: (dentro de um foreach)

<a class="fancybox-effects-d" href="<?=$job['layout']?>" title="<?=$job['url']?>" data-link="www.teste.com.br">
	<img src="<?=$job['capa']?>" alt="<?=$job['nome']?>" data-src="holder.js/100%x350" border="0">
</a>

O JS que tentei usar:

                     $(".fancybox-effects-d").fancybox({
				padding: 0,
				openEffect : 'elastic',
				openSpeed  : 150,
				closeEffect : 'elastic',
				closeSpeed  : 150,
				closeClick : false,
				helpers : {
					overlay : null
				},
				href : $('.fancybox').attr('data-link'),
		
			});

Se alguém tiver este conhecimento e puder compartilha-lo comigo eu ficaria agradecido.

Desde já agradeço pela atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites

A melhor forma de você fazer isso com fancybox é em vez de abrir imagens, abrir html, e no teu html personalizado você tem o link e a imagem.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.