fancybox開啓刷新不點擊

Question

我一直在坐幾天的博客，代碼，論壇任何東西，可以幫助我解決問題。

我想要做的是在信息摘要頁面上顯示一個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，並想購買許可證，但如果它不起作用就沒有意義購買它！絕對堅持這一點。

希望有人能幫助我。

Answer 1

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

Answer 2

我很確定$.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>