Question

我正在搜索如何结合galleriffic和lightbox jquery插件，直到找到GallerifficPlus（I have downloaded it here）。

是否可以（一旦删除幻灯片）通过点击拇指来调用灯箱？我希望点击缩略图后灯箱功能正常工作..

这是缩略图部分的代码

        buildDataFromThumbs: function() {
            this.data = [];
            var gallery = this;
            this.$thumbsContainer.find('li').each(function(i) {
                var $a = $(this).find('a');
                var $img = $a.find('img:first');
                gallery.data.push({slide:$a.attr('href'),thumb:$img.attr('src'),original:$a.attr('original'),title:$a.attr('title'),description:$a.attr('description'),hash:gallery.offset+i});
            });
            return this;
        },

表示原始显示信息

        buildImage: function(image) {
            if (this.$imageContainer) {
                this.$imageContainer.empty();

                var gallery = this;

                var thisImageIndex = this.currentIndex;

                // Setup image
                this.$imageContainer
                    //.append('<span class="image-wrapper"><a class="advance-link" rel="history" href="#'+this.data[this.getNextIndex(this.currentIndex)].hash+'" title="'+image.alt+'"></a></span>')
                    .append('<span class="image-wrapper"><a class="advance-link" rel="history" title="'+image.alt+'"></a></span>')
                    .find('a')
                    .append(image)
                    //.click(function() { clickHandler(gallery); })
                    .click(function() { buildLightBox(image,gallery,thisImageIndex); })
                    .end()
                    .fadeIn('fast');

                if (this.onFadeIn) this.onFadeIn();
            }

此外，还有其他任何jquery插件，你可以建议具有类似的功能？

Answer 1

不确定这是否有帮助，但您尝试使用prettyPhoto插件。我认为它的工作方式与你想要的一样。

改变GallerificPlus效果

1 个答案: