如何使预先制作的jquery库中的链接看起来像照片？

我对这段代码中的第一个链接有一个问题，它表示一张照片的缩略图，当您单击它时，它将扩展到一张更大的照片。我试图制作一个JSFIDLE，但找不到预先制作的jquery mbGallery.js的代码，因此我将尝试解释应该发生什么： 第一个代表phoo的拇指，当你点击它时，它会展开，但我不能将它的外观修改为50x50，它显示的是原始照片的尺寸。因此，如果我有1000x1000张照片，拇指将是1000x1000，但我仍然希望它自动调整大小为一个小图标（x）x（y），x和y<100px（我是以一般形式说的，因为foto可以是宽的或纵向的）

html

爪哇

$（函数（）{
$（'#g1'）.mbGallery（{maskBgnd:'#ccc'，最小宽度：50，最小高度：50，过容量：.9，起始时间：0，addRaster:true，printOutThumbs:true}）；
});

在CSS中编辑.imgThumb。添加最大宽度：100px和最大高度：100px，然后它将自动调整图像大小。根据大小更改像素
例如

.imgThumb{
max-width:50px;
max-height:50px;
}

.imgFull{
 max-width:500px;
max-height:500px;
}

.galleryCont{
      display:none;
    }

<script type="text/javascript" src="js/mbGallery.js"></script>
  <script type="text/javascript">
    $(function(){
            $('#g1').mbGallery({maskBgnd:'#ccc',minWidth: 50, minHeight: 50, overlayOpacity:.9,startFrom: 0,addRaster:true, printOutThumbs:true});

    });
  </script>

.imgThumb{
max-width:50px;
max-height:50px;
}

.imgFull{
 max-width:500px;
max-height:500px;
}