Abra o Fancybox do Fancybox e feche o pai
Eu tenho problemas de caixa de fantasia. Meu produto está abrindo no fancybox e tenho produtos relacionados com conteúdo inédito. Eu gostaria de fechar o fancybox quando o usuário clica no link relacionado e abre o produto no novo fancybox.
Obrigado rapazes por sua ajuda. Mas não está funcionando :(. Produto abre em uma janela sem fancybox.
$(document).ready(function() {
$("a#fancy1").fancybox({
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false,
'autoDimensions' : false,
'width' : 620,
'height' : 'auto',
'overlayShow' : true,
'overlayOpacity' : 0.8,
'overlayColor' : '#ccc'
});
$("a#fancy2").fancybox({
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false,
'autoDimensions' : false,
'width' : 620,
'height' : 'auto',
'overlayShow' : true,
'overlayOpacity' : 0.8,
'overlayColor' : '#ccc'
});
});
Isso é o que eu tenho. Clicando no produto abre o fancybox "fancy1". Mas clicar no link fancybox abre produto relacionado sem fantasia e estou recebendo:
($ não está definido $ (function () {$ ('# form_2538'). validate ();});)!
Vinculando a um produto feito dessa maneira
<a id="fancy1" href="product_url" >
Linkando para um relacionado feito dessa maneira
<a id="fancy2" href="product_url" >
Eu tenho lutado com isso por um tempo :(
E eu resolvi isso !!!!!!!!!!!!!!!!!!!
Eu resolvi o problema !!
Por favor veja abaixo!
$(document).ready(function() {
$("a.fancy1").live("hover",
function()
{$("a.fancy1").fancybox({
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false,
'autoDimensions' : false,
'width' : 620,
'height' : 'auto',
'overlayShow' : true,
'overlayOpacity' : 0.8,
'overlayColor' : '#ccc'
});
});
});