禁用移动灯箱

Question

我已设法根据窗口宽度有条件地加载灯箱的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标签，有没有办法为每个图像执行此操作？

Answer 1

您可以轻松隐藏按钮：

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