Javascript 当图像大小不同时，如何在carasoul中制作响应图像？

我的一页中的图片有点问题。它们位于旋转木马中，但随着旋转木马滑向下一张图像，图像的大小会不断变化，因为图像的大小不同。我试着将它们设置为相同的尺寸，但这似乎并不重要，它们仍然是不同的尺寸。我需要做些什么才能使它们大小相同，从而使转盘在每张幻灯片中保持一致？

使用 因此，您可以忽略下面代码段中的JavaScript和HTML

在CSS中，我所做的是给我所有的图像一个固定的

宽度
为
150px
，宽高比为
1:1
因为我知道我所有的图像都是正方形的

注释掉
纵横比
代码，您可以看到差异


let
电流=0，
totalImgs=4；
常数
container=document.getElementById（“container”），
leftBtn=document.getElementById（“左btn”），
rightBtn=document.getElementById（“right btn”），
导航=（增量）=>{
container.children[currImg].classList.remove（“显示”）
电流=（电流+总电流+增量）%总电流
container.children[currImg].classList.add（“显示”）
},
导航左=（）=>nav（-1），
导航右=（）=>nav（1）
leftBtn.addEventListener（“单击”，导航左键）
rightBtn.addEventListener（“单击”，导航右键）
img{
宽度：150px；
长宽比：1/1；
显示：无；
边缘底部：0.5雷姆；
}
.表演{
显示：块；
}

左边
右
仅使用css@SudipBhattarai是的，它只使用CSS。Javascript部分只是制作一个演示旋转木马。@SudipBhattarai请告诉我您的问题是否已解决或需要帮助。好的，我正在尝试解决..问题已经解决，thanx buddy