带有一张图像的花式盒子 [英] Fancy box with one image only

问题描述

我在我的相册中使用了精美的包装盒，发现它上传了2张图像，这是问题.一个用于缩略图，另一个用于精美框

I using fancy box with my photo gallery, the problem is found it upload 2 images. one for the Thumbnail and one for fancy box

<a style="display: block;" class="fancybox imgContainer" href="images/lorenteJerome_barcelona.jpg" data-fancybox-group="gallery" data-filter="arch"><img src="images/lorenteJerome_barcelona.jpg" alt=""></a>

无论哪种方式，我都可以上传1张图片，但是我需要使用CSS或jquery重新调整缩略图的尺寸.任何人都可以提供帮助.

any way , I can upload 1 pic but I need to re-size the Thumbnail image with css or jquery. any one can help .

缩略图的CSS:

.imgContainer {
  width: 100px;
  height: 100px;
  overflow: hidden;
  text-align: center;
  margin: 10px 20px 10px 0;
  float: left;
  border: solid 1px #999;
  display: block;
}

推荐答案

尝试一下……

.imgContainer img {
     width:100px;
     height:100px;
}

这篇关于带有一张图像的花式盒子的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！