我正在使用Lokesh Dhakar's lightbox。而且我们知道它是这样工作的:
<a href="image.png">Click to open image</a>
我知道我们可以将maxWidth
和maxHeight
设置为模态图像。但是它仅设置<img>
元素的大小。我想向用户显示正方形图像,即使图像不是正方形,但未拉伸。我想填充所有位置,即使它在图像的某个位置出现。
我们可以在<div>
上执行此操作,并使用background-size:cover;
设置样式并设置background-image
。但我不能在灯箱中使用它。
有没有人知道我们如何在灯箱上实现这一目标?