【发布时间】：2014-10-01 01:17:29
【问题描述】：
我已经设法根据窗口宽度有条件地加载灯箱的 css 和 js。但是，当点击链接时，它仍会在新窗口中打开大图。
当窗口宽度低于 479 像素时，我想只显示缩略图 img 而没有单击它以在新窗口中将其作为大图查看的选项。
这有可能吗？任何帮助将不胜感激。
<li class="gallery-item-container ">
<a data-original="l-img1.jpg" href="l-img1.jpg" class="zoombox effect-justopacity lazy"><img class="thumb-gamma lazy" data-original="img1.jpg" src="img1.jpg" alt="professional photography services cyprus" height="270" width="270"/></a>
</li>
编辑：也许将 href 属性附加到 a 标签，有没有办法为每个图像做到这一点？
【问题讨论】：
-
我不太明白，如果您不希望它在新标签页中打开图像，只需从图像周围移除锚点即可。如果您的意思是仅在移动设备上，您可以在绑定到该锚点的 JS 中检测到移动用户代理以打开灯箱，如果是移动设备则返回 false。
-
感谢您的帮助！你有一个代码示例，因为我的 jquery 知识不是最好的。