[備忘]整合 galleriffic 及colorbox fancybox燈箱特效
為了在 galleriffic 使用colorbox 或是 fancybox,可以在
onTransitionIn 屬性中加入下列的程式碼
[sourcecode language=”javascript” firstline=”1″ highlight=”5,6,7,8,9,10,11,12,13″ padlinenumbers=”false”]
onTransitionIn: function(slide, caption, isSync) {
var duration = this.getDefaultTransitionDuration(isSync);
slide.fadeTo(duration, 1.0);
//caption.find(‘.download a’).fancybox();
$(".viewori").fancybox({
‘width’ : ‘75%’,
‘height’ : ‘75%’,
‘autoScale’ : true,
‘titlePosition’ : ‘over’,
‘titleFormat’ : function(title, currentArray, currentIndex, currentOpts) {
return ‘<span id="fancybox-title-over">Image ‘ + (currentIndex + 1) + ‘ / ‘ + currentArray.length + (title.length ? ‘ ‘ + title : ”) + ‘</span>’;
}
});
caption.fadeTo(duration, 1.0);
}
[/sourcecode]