【发布时间】：2017-10-31 10:53:05
【问题描述】：
我正在使用 Magento 1.9.2.4 附带的 fancybox (2.15) 和 elevatezoom (3.0.8) 来缩放主图像并使用画廊的其他图像创建一个 fancybox 画廊。单击主图像时会打开 Fancybox。
我需要的是在fancybox打开时使用缩略图助手来导航缩略图，但问题是我无法以最简单和建议的方式初始化它，比如
$(selector).fancybox({config});
我使用的方式对fancybox 的外观没有影响。
这是我正在使用的代码
js
$(document).ready(function() {
if($('.thumb-link').size() == 0){
var ez = $('.gallery-image.visible').first().data('zoom-image');
}else{
var ez = $(".thumb-link");
}
$.fancybox({
'width':400,
'height': 500,
helpers : {
title : {
type: 'outside'
},
thumbs : {
width : 50,
height : 50
}
}
});
$(".gallery-image.visible").bind("click", function(e) {
$.fancybox(ez);
return false;
});
});
.gallery-image.visible 是主图像，.thumb-link 是我的 Html 中的缩略图。
关注其他类似问题using fancybox set height and width
但我实际上在花式框上看不到效果。
在有效调用fancybox配置之前，有没有其他方法可以重新初始化它？
编辑： 实际上我以这种方式更改了我的代码：
var fancyConfig = {'width' : 200, 'height': 300,...};
$(".gallery-image.visible").bind("click", function(e) {
$.fancybox(ez, fancyConfig);
return false;
});
我可以看到一些效果，但没有拇指痕迹....我包含并可以看到用于 fancybox 缩略图助手的正确库。
【问题讨论】：
标签： javascript jquery magento fancybox elevatezoom