fancybox开启刷新不点击

我一直在坐几天的博客，代码，论坛任何东西，可以帮助我解决问题。fancybox开启刷新不点击

我想要做的是在信息摘要页面上显示一个thum图像，点击一个更大的图像打开fancybox。

但我有一个MySQL数据库中的所有图像和一个调用它们的PHP页面，下面是我使用的代码和脚本。

<script type="text/javascript" src="../lib/jquery-1.10.1.min.js"></script> 
<!-- Add fancyBox main JS and CSS files --> 
<script type="text/javascript" src="../source/jquery.fancybox.js?v=2.1.5"></script> 
<link rel="stylesheet" type="text/css" href="../source/jquery.fancybox.css?v=2.1.5" media="screen" /> 

<script type="text/javascript"> 
$(document).ready(function() { 
$.fancybox({ href: "/images/big_pic.php?id=905", type: "image"}) 
}); 
</script> 

<a class="fancybox" rel="group" href="/images/big_pic.php?id=905"><img src="h/images/small_pic.php?id=905" alt="" /></a>

我有拇指显示和网页刷新它去的fancybox，但点击进入到/images/big_pic.php?id=905。

我想在几个网站上使用fancybox，并想购买许可证，但如果它不起作用就没有意义购买它！绝对坚持这一点。

希望有人能帮助我。

来源

2013-07-17 Vicki

1）。你需要至少有这个jQuery代码：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $(".fancybox").fancybox({ 
     type: "image" 
    }); 
    }); 
</script>

2）。如果你也希望链接显示的fancybox在页面加载，只是一个trigger上click相同的选择，如：

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".fancybox").fancybox({ 
     type: "image" 
    }).trigger("click"); // <-- show fancybox on page load. Then after every click on the link 
}); 
</script>

...你将有你要找的双重功能。 3）。在另一方面，如果你有一个画廊和你触发它在页面加载，使用方法.eq()，以确保该画廊的第一个元素将被触发像

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".fancybox").fancybox({ 
     type: "image" 
    }).eq(0).trigger("click"); // <-- show fancybox on page load starting from the first element 
}); 
</script>

见JSFIDDLE

来源

2013-07-17 23:50:14 JFK

它工作！非常感谢你对JFK的第一个选择是我一直在努力的，但可以看到我会在哪里使用其他人。这真的有帮助！ – Vicki

@Vicki：所以请http://meta.stackexchange.com/a/5235 – JFK

我很确定$.fancybox({...行触发负载灯箱，但你实际上并没有制作特定的“lightbox”链接。将下面指出的额外行添加到您的JS部分以解决此问题。

<script type="text/javascript"> 
$(document).ready(function() { 
$.fancybox({ href: "/images/big_pic.php?id=905", type: "image"}); 
$(".fancybox").fancybox(); // <--- this line should do the trick 
}); 
</script>

来源

2013-07-17 07:25:50 Marcel

不，我很抱歉，没有工作它仍然打开加载Fancybox？ – Vicki

@Vicki：你不想让这种情况发生？ – Marcel

fancybox开启刷新不点击

回答

相关问题