Question

我试图制作一个有90个图像的图库，每个图像都必须有一组按钮：（i）打开一个带有详细图像的fancybox图库; （ii）用大图像打开一个花式框; （ii）启动/停用升降室。我认为提升变焦动作/ deact可以在具有大图像的fancybox内部，但我也无法管理它。激活/取消激活Elevatezoom正在工作，然后打破，并且图库按钮显示所有图像与rel =＆＃34; gallery＆＃34;，什么是正确的，但不是我想要的。我不知道如何为不同的按钮制作不同的画廊，以及如何将全屏按钮定位到特定的图像。

FIDDLE

$(".fancybox").fancybox();
$(".launchergallery").on("click", function(){
$(".fancybox").eq(0).trigger("click");
});

$(".fancyboxfull").fancybox();
$(".launcherfull").on("click", function(){
$(".fancyboxfull").eq(0).trigger("click");
});

$(document).on('click','.elevatezoom-gallery',function(e){
  e.preventDefault();
  var dataZoomImg = $(this).attr('data-zoom-image');
  var dataImg = $(this).attr('data-image');
  //alert(dataImgg + dataZoomImg);
  var mainImg = $('.imgzoom');
  //mainImg.attr('src',dataImg).attr('data-zoom-image',dataZoomImg).elevateZoom();
// $("#img_01").data('zoom-image',dataZoomImg).elevateZoom();
  mainImg.attr('src',dataImg);
 mainImg.data('zoom-image',dataZoomImg).elevateZoom();
});

$(document).on('click','.zoomin',function(e){
  e.preventDefault();
  $("#main01").elevateZoom();
    $("#main02").elevateZoom();
})

$(document).on('click','.zoomout',function(e){
  e.preventDefault();
         $('.zoomContainer').remove();
         })

Fancybox＆amp;的按钮Elevatezoom

0 个答案: