我正在搜索如何结合使用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/