Javascript 弹性图像幻灯片显示的图像小于预期大小的50%

我为我的头版制作了一个“弹性图像”幻灯片。没问题。但图像仍然相当小。将图像延伸到屏幕宽度上更合适

有人知道如何实现这一点吗？我将在下面包含整个代码

事先非常感谢你

首先是CSS文件：

.ei滑块{
位置：相对位置；
宽度：100%；
最大宽度：1999px；
高度：500px；
保证金：0自动；
}
.ei滑块加载{
宽度：100%；
身高：100%；
位置：绝对位置；
顶部：0px；
左：0px；
z指数：999；
背景：rgba（0,0,0,0.9）；
颜色：#fff；
文本对齐：居中；
线高：400px；
}
.ei滑块大{
身高：100%；
宽度：100%；
位置：相对位置；
溢出：隐藏；
}
.大李{
位置：绝对位置；
顶部：20px；
左：0px；
溢出：隐藏；
身高：100%；
宽度：100%；
}
.ei滑块大li img{
宽度：100%；
}
.ei标题h4{
位置：绝对位置；
左：50%；
保证金权利：13%；
最高：30%；
}
.ei标题h2，h3{
位置：绝对位置；
右：50%；
保证金权利：13%；
最高：30%；
}
.ei标题h2、.ei标题h3{
文本对齐：右对齐；
}
.ei标题h4{
文本对齐：左对齐；
}
.ei标题h2{
字体大小：40px；
线高：50px；
字体系列：“Playfair显示”，衬线；
字体：斜体；
颜色：#b5；
}
.ei标题h3{
字体大小：20px；
线高：20px；
字体系列：“开放式Sans压缩”，无衬线；
文本转换：大写；
颜色：#000；
}
.ei标题h4{
字体大小：10px；
线高：20px；
字体系列：“无衬线”；斜体；
文本转换：大写；
颜色：#f0ffff；
}
/*拇指*/
.ei滑块拇指{
高度：1px；
保证金：0自动；
位置：相对位置；
}
.ei滑块大拇指李{
位置：相对位置；
浮动：左；
身高：10%；
}
.ei滑块拇指li.ei滑块元素{
顶部：0px；
左：0px；
位置：绝对位置；
身高：10%；
z指数：10；
文本缩进：-9000px；
背景：#000；
背景：rgba（0,0,0,0.9）；
}
.ei滑块大拇指李a{
显示：块；
文本缩进：-9000px；
背景:#666；
宽度：100%；
身高：100%；
光标：指针；
-webkit盒阴影：
0px 1px 1px 0px rgba（0,0,0,0.3），
0px 1px 0px 1px rgba（255255255,0.5）；
-moz盒阴影：
0px 1px 1px 0px rgba（0,0,0,0.3），
0px 1px 0px 1px rgba（255255255,0.5）；
框阴影：
0px 1px 1px 0px rgba（0,0,0,0.3），
0px 1px 0px 1px rgba（255255255,0.5）；
-webkit过渡：背景0.2秒轻松；
-moz转换：背景0.2s轻松度；
-o-过渡：背景0.2s；
-ms转换：背景轻松0.2s；
过渡：背景0.2秒；
}
.ei滑块拇指李a：悬停{
背景色：#f0；
}
.ei滑块拇指li img{
位置：绝对位置；
底部：10px；
不透明度：0；
z指数：999；
最大宽度：100%；
-webkit过渡：所有0.4s易用性；
-moz过渡：所有0.4s易用性；
-o型过渡：所有0.4s缓解；
-ms过渡：所有0.4s缓解；
过渡：所有0.4s缓解；
-webkit框反映：
低于0px-webkit渐变(
线性的
左上角，
左下角，
从（透明的），
彩色挡块（50%，透明），
至（rgba（255255,0.3））
);
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=0）”；
}
.ei滑块拇指李：悬停img{
不透明度：-1；
底部：-1px；
-ms过滤器：“progid:DXImageTransform.Microsoft.Alpha（不透明度=100）”；
}
@媒体屏幕和屏幕（最大宽度：830像素）{
.ei头衔{
位置：绝对位置；
右：0px；
右边距：0px；
宽度：100%；
文本对齐：居中；
顶部：自动；
底部：10px；
背景：#fff；
背景：rgba（255255,0.9）；
填充：5px0；
}
.ei标题h2、.ei标题h3、.ei标题h4{
文本对齐：居中；
}
.ei标题h2{
字体大小：30px；
线高：24px；
}
.ei标题h3{
字体大小：20px；
线高：20px；
}
.ei标题h4{
字体大小：10px；
线高：20px；
}
}

请用小提琴。好的。这样行吗？