Question

我已经尝试过在stackflow上给出的样本＆gt; How to not show the first image when you open the gallery - Fancybox 2

但是，它对我来说并不起作用。

默认情况下，weebly有cloudZoom和fancybox。因此，在我的产品页面中，我尝试保留cloudZoom并添加一个fancybox选项，以便用户可以弹出方式缩放图像。因此我创建了另一个 href 。整个fancybox和cloudzoom正在运行，但我无法删除图库中的重复图像。

这就是我在产品图片页面上的内容。

<div id="wsite-com-product-images">
{{#main_image}}
<a href="{{full_url}}" class="w-fancybox" rel="lightbox[1]">zoom</a>
<a href="{{full_url}}" class="cloud-zoom" id="zoom1" data-position="inside">
<img src="{{normal_url}}" class="wsite-com-product-images-main-image" itemprop="image"/></a>
{{/main_image}}

{{#has_other_images}}
<div id="wsite-com-product-images-strip" class="wsite-com-column-group">
{{#images}}
<a id="wsite-com-product-images-secondary-{{id}}" href="{{full_url}}" class="w-fancybox wsite-com-product-images-secondary wsite-com-column cloud-zoom-gallery" rel="lightbox[1]" data-zoom-id="zoom1" data-small-image="{{thumbnail_url}}">
<div class="wsite-com-product-images-secondary-outer">
{{{thumbnail_html}}}
</div>
</a>
{{/images}}
</div>
{{/has_other_images}}
</div>

// Side Swiping Galleries
swipeGallery: function(){
  setTimeout(function(){
    var touchGallery = document.getElementsByClassName("fancybox-wrap")[0];
    var mc = new Hammer(touchGallery);
    mc.on("panleft panright", function(ev) {
      if (ev.type == "panleft") {
        $("a.fancybox-next").trigger("click");
      }
      else if (ev.type == "panright") {
        $("a.fancybox-prev").trigger("click");
      }
      Brisk.swipeGallery();
    });
  }, 500);
},
swipeInit: function(){
  if ('ontouchstart' in window) {
    $("body").on( "click", "a.w-fancybox", function(){
      Brisk.swipeGallery();
    });
  }
},

如何删除fancybox图库上的第一张图片？

0 个答案: