Highslide：如何仅使用特定图像答案

【问题标题】：Highslide: how to use only specific imagesHighslide：如何仅使用特定图像
【发布时间】：2014-11-10 10:10:42
【问题描述】：

如何让我的 highslide 画廊只拍摄特定图像（例如，包含在特定 div 中）？

我在这里有一个画廊：http://civicsector.org.ua/agitation/247-kampanya-chesn-vibori.html，但问题是我使用的 CMS 输出了两次内容：一次用于桌面屏幕，一次用于移动屏幕。

虽然 highslide 从两个 div（桌面和移动设备）加载图像时，拇指条中的图像会重复。

我该如何解决这个问题？

谢谢。

【问题讨论】：

标签： html css highslide

【解决方案1】：

根据 Highslide JS API 将您的图像放入 slideShowGroup：

http://highslide.com/ref/hs.slideshowGroup

然后，脚本将仅加载标记为属于该组的图像。 CMS 创建的对图像的引用不会被标记为属于该组，因此它们不会被加载到幻灯片中两次。

【讨论】：

感谢您的回答！我在我的网站上使用了不显眼的 highslide，但无论如何这帮助我发现我必须在 hs.OnSetClickEvent 处理程序中添加一个额外的检查。

【解决方案2】：

MisterNeutron 的回答非常适合 highslide 的常见用法。但是，如果有人会使用不显眼的 highslide（比如我自己），您只需在 hs.onSetClickEventHandler 中添加一个检查：

    hs.onSetClickEvent = function ( sender, e ) {
        if ($(e.element).closest('.hidden-desktop').length>0) {
            return false;
        }

       // set the onclick for the element
       e.element.onclick = function () {
          return hs.expand(this, inPageOptions);
       }
       // return false to prevent the onclick being set once again
       return false;
    }

【讨论】：