问题灯箱

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两次。