問題燈箱

Question

我有問題，使我的縮略圖作爲燈箱。

鏈接：http://www.ceanagupta.com/

的圖像加載關閉的Flickr。加載後，我想實現燈箱，但我越來越JavaScript錯誤：

jQuery(".picasaGalleryItem").colorbox is not a function

也許這是一些基本的東西，我失去了一些東西。

Answer 1

討厭的解決辦法是更換：

setTimeout(function(){ 
     jQuery(".picasaGalleryItem").colorbox(); 
    },2000); 

與

$(document).ready(function(){ 
     var _colorbox = $.colorbox;  

     setTimeout(function(){ 
      _colorbox.apply($('.picasaGalleryItem')); 
     }, 2000); 
    }); 

但嚴重的是......不unclude jQuery的兩次

Answer 2

對於初學者來說，你應該包裝在$ jQuery代碼（文件）。就緒像這樣（的DOM不能保證隨時準備執行的時間）：

$(function() { //CODE HERE }); 

其次，你將需要確保圖像和包含<div>的圖像在您真正在這些DIV上執行colorbox之前加載。由於您正在異步加載圖像庫，因此您需要實現一個回調函數，該函數在加載圖像後執行，並帶有colorbox函數。據我所知，你需要在你的picasa.js文件中實現這個。

Answer 3

看看ColorBox FAQ。如果我查看請求，我會看到jquery.min.js兩次。