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;
    }

Highslide：如何仅使用特定图像

2 个答案: