jquery - 禁用移动灯箱

Question

我已经设法根据窗口宽度有条件地为灯箱加载 css 和 js。但是，当单击该链接时，它仍会在新窗口中打开较大的图像。

当窗口宽度低于 479px 时，我只想显示缩略图 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 标签，有没有办法对每个图像都这样做？

Answer 1

您可以轻松地隐藏按钮:

@media screen and (max-width: 479px) { .zoombox {display: none;} }