改变GallerificPlus效果

改变GallerificPlus效果

我正在搜索如何结合使用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插件吗?

最佳答案

不知道这是否可以帮助您,但您是否尝试过prettyPhoto插件。我认为它以您想要的方式工作。

关于javascript - 改变GallerificPlus效果,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6689048/

10-10 04:40