Javascript 如何在固定高度和宽度的灯箱2中显示大小图像2

运行代码段将清除此处提出的实际问题代码段包含两个链接图像，单击图像您将发现大小差异。我希望以固定大小显示图像，而不是以原始大小显示图像

//使用Node、AMD或browser globals创建模块。
（函数（根，工厂）{
if（typeof define=='function'&&define.amd）{
//AMD。注册为匿名模块。
定义（['jquery']，工厂）；
}else if（导出的类型==='object'）{
//Node.不适用于严格的CommonJS，但
//仅支持module.exports的CommonJS类环境，
//像节点。
module.exports=工厂（require（'jquery'））；
}否则{
//浏览器全局（根是窗口）
root.lightbox=factory（root.jQuery）；
}
}（这是函数（$）{
功能灯箱（选项）{
this.album=[]；
this.currentImageIndex=void 0；
this.init（）；
//选择权
this.options=$.extend（{}，this.constructor.defaults）；
此选项（选项）；
}
//演示站点上所有可用选项的说明：
// http://lokeshdhakar.com/projects/lightbox2/index.html#options
Lightbox.defaults={
albumLabel:“图像%1，共%2”，
AlwaysShowNavOnTouch设备：错误，
教育：600，
fitImagesInViewport：对，
图像衰减：600，
//最大宽度：800，
//最大高度：600，
位置fromtop:50，
调整持续时间：700，
showImageNumberLabel:对，
总括：假，
禁用滚动：false，
/*
净化标题
如果字幕数据是可信的，例如，您正在硬编码它，那么将其保留为false。
这将使您可以在标题中添加html标记，例如链接。
如果字幕数据是用户提交的或来自其他不受信任的源，则将其设置为true
以防止xss和其他注入攻击。
*/
消毒剂：假
};
Lightbox.prototype.option=函数（选项）{
$.extend（this.options，options）；
};
Lightbox.prototype.imageCountLabel=函数（currentImageNum，totalImages）{
返回此.options.albumLabel.replace（/%1/g，currentImageNum）。replace（/%2/g，totalImages）；
};
Lightbox.prototype.init=函数（）{
var self=这个；
//enable和build方法都要求主体标记位于DOM中。
$（文档）.ready（函数（）{
self.enable（）；
self.build（）；
});
};
//循环浏览定位点和区域地图，查找数据灯箱属性或rel属性
//包含“lightbox”的。单击这些时，启动lightbox。
Lightbox.prototype.enable=函数（）{
var self=这个；
$（'body'）。在（'click'，'a[rel^=lightbox]，area[rel^=lightbox]，a[data lightbox]，area[data lightbox]”上，函数（事件）{
self.start（$（event.currentTarget））；
返回false；
});
};
//为lightbox和覆盖构建html。
//将事件处理程序附加到新的DOM元素。单击
Lightbox.prototype.build=函数（）{
var self=这个；
$('

我不知道这是否是lightbox的方法，但它似乎做到了：

.lightbox .lb-image {
  height : 400px !important;
  width : 400px !important;
  display: block;
  height: auto;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

---

你能提供一把小提琴来复制你的问题吗？奥利维尔兄弟我已经上传了片段，请检查一下