我使用slimbox创建弹出式图片选项。
一切都按预期工作但我想添加一个"限制"在图像被加速之后达到最大尺寸。
我现在有一个宽度为3572px
的图片。我无法控制客户上传到网站的图像大小,因此我需要为它们设置最大宽度。
我查看了创建该框的CSS,但我找不到将max-width
元素添加到任何类或ID的方法。
如果单击图像,则为页面输出:
<div id="lbOverlay" style="visibility: visible; opacity: 0.8;"></div>
<div id="lbCenter" class="" style="top: 0px; width: 3572px; height: 2164px; margin-left: -1786px; left: 840px;">
<div id="lbImage" style="visibility: visible; opacity: 1; background-image: url("http://www.xxx.nl/large-image.jpg");"></div>
<div style="position: relative; width: 3552px; height: 2144px;"></div>
</div>
但我认为在图像大小.js
的某处计算。
我的.js
很糟糕,所以我无法找到它(我还会去尝试)
我希望有人使用slimbox并且可以帮助我!
微米。
----------更新-----------
废话;我发现了这个:
SlimBox FAQ