проблема с лайтбоксом

Question

У меня проблема с созданием миниатюр в виде лайтбокса.

Ссылка: http://www.ceanagupta.com/

Изображения загружаются с Flickr.После загрузки я хочу реализовать лайтбокс, но получаю ошибку JavaScript:

jQuery (". PicasaGalleryItem"). Colorbox не является функцией

Может быть, этоэто что-то базовое, и я что-то упускаю.

Answer 1

Посмотрите на ColorBox FAQ . Если я смотрю на запросы, я вижу jquery.min.js дважды.

Answer 2

Противное решение - заменить:

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

с

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

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

А если серьезно ... не включайте jquery дважды

Answer 3

Для начала вам следует заключить код jQuery в $ (документ). Уже так (так как DOM не гарантированно готов во время выполнения):

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

Во-вторых, вам нужно убедиться, что изображения и содержащие <div> загружены, прежде чем вы действительно запустите colorbox на этих DIV. Поскольку вы загружаете галерею изображений асинхронно, вам необходимо реализовать функцию обратного вызова, которая выполняется после загрузки изображений, с функцией colorbox внутри. Насколько я могу судить, вам нужно реализовать это внутри вашего файла picasa.js.