我正在使用 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 中的缩略图在哪里。
使用fancybox设置高度和宽度来关注像这样的其他问题
但实际上我在fancybox上看不到效果。
在有效调用它之前是否有不同的方法来重新初始化fancybox配置？
编辑： 实际上我以这种方式更改了我的代码：
var fancyConfig = {'width' : 200, 'height': 300,...};
$(".gallery-image.visible").bind("click", function(e) {
$.fancybox(ez, fancyConfig);
return false;
});
我可以看到一些效果，但没有拇指痕迹....我包含并可以看到fancybox thumbnails helper 的正确库。