高幻灯片：如何仅使用特定的图像

Question

如何使我的高幻灯片画廊仅拍摄特定的图像（例如，包含在特定的div中）？

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

当highslide从两个div加载图像（用于台式机和移动设备）时，指尖上的图像将重复。

我该如何解决？

谢谢。

Answer 1

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

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

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

Answer 2

MisterNeutron的答案非常适合普通滑道的使用。 但是，如果任何人都可以使用引人入胜的高滑梯（例如我自己），则只需在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;
    }