Ir para conteúdo

POWERED BY:

Arquivado

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

Marcelo Garbin

[Resolvido] Fancybox - Diferenciando Link e IMG

Recommended Posts

Boa Tarde galera,

 

Gostaria de saber com vocês se tem como diferenciar no Fancybox o seguinte caso:

 

<a href="/images/Fotos/teste.jpg"><img alt="" id="foto" src="/images/Fotos/teste.jpg"/></a>

 

de

 

<a href="http://www.google.com.br"> Google </a>

 

Sem usar ID,Class,rel. Diferenciar ele do jeito que está, o que eu quero dizer com diferenciar é que quando tiver "a href -> img" ele execute o Fancybox e quando tiver apenas o "a href" ele abra o link.

 

Tem como fazer isso?

 

Obrigado pela ajuda desde já.

Compartilhar este post


Link para o post
Compartilhar em outros sites

isso você vai fazer pelo seletor jquery, e não pelo fancybox.

 

Algo assim, por exemplo:

$('a').find('img').parent('a').fancybox();

 

ficou meio com cara de gambiarra.. hehe

Compartilhar este post


Link para o post
Compartilhar em outros sites

Caro Evandro Oliveira,

 

eu nunca tinha visto esse operador antes: "|="

 

Você poderia me dar um referencia do uso dele?

 

Obviamente que eu já tentei procurar no Google, mas não encontrei nada sobre ele. :(

 

 

EDIT:

 

Encontrei. Deixa estar.

 

-

 

Eu pensei em fazer assim a diferenciação:

$('a[href]:has(img)').fancybox();

Compartilhar este post


Link para o post
Compartilhar em outros sites

Buenas gurizada,

 

Os seguintes códigos funcionaram corretamente (William Bruno e mangakah):

 

$('a').find('img').parent('a').fancybox();

e

$('a[href]:has(img)').fancybox();

 

O código do Evandro Oliveira não vigou hehe..

 

A todos que me ajudaram muito obrigado. deu certo.... :clap:

 

Tópico RESOLVIDO!

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.