只有一个图像的花式盒子

Question

我在我的照片库中使用了精美的盒子，问题是它上传了2张图片。一个用于缩略图，一个用于花式框

<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重新调整缩略图图像的大小。任何人都可以提供帮助。

缩略图的CSS：

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

Answer 1

试试这个......

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