JavaScript中的响应式Carrousel

您好，我想用Javascritp使Carrousel具有响应性，但我在这里与逻辑作斗争。 我已经尝试了一切，css是不可能的，因为图像是背景图像。我快疯了。 这是密码

var carruselimagenes=[]
Carruselimagens[0]=[“articulos.html”，“imagenes/cover1.png”]
Carruselimagens[1]=[“contacto.html”，“imagenes/cover2.png”]
carruselimagenes[2]=[“contacto.html”、“imagenes/cover3.png”、“imagenes/cover400.png”]
carruselimagenes[3]=[“jardinvertical.html”，“imagenes/cover4.png”]
var carruselresponse=[]
carruselresponsive[0]=[“imagenes/cover400.png”]
var links=document.getElementById（'linkcarrusel'）
var imagenes=document.getElementById（'imagencarrusel'）
links.href=carruselimagens[0][0]
imagenes.src=carruselimagenes[0][1]
var imagenesResponsive=responsive window.matchMedia（“（最大宽度：599px）”）
if（window.matchMedia（“（最大宽度：599px）”）.matches）{imagenes.src=carruselresponse[0]
否则{
imagenes.src=carruselimagenes[0][1]
}
}
var orden=0
函数carruselautomatico（）{
奥登++
如果（orden>3）{orden=0}
links.href=carruselimagens[orden][0]
imagenes.src=carruselimagenes[orden][1]
}
设定间隔（carruselautomatico，6000）
函数carruselflechasadelante（）{
奥登++
如果（orden>3）{orden=0}
links.href=carruselimagens[orden][0]
imagenes.src=carruselimagenes[orden][1]
}
函数carruselflechasatras（）{
奥登--
如果（orden我认为您遇到问题的原因是，无论容器大小如何，图像都以全尺寸显示

您可以使用css
overflow:hidden；
停止它，但您可以尝试以下方法：

#carrusel img {
    max-width: 100%;
}

嘿，伙计们，谢谢你们的回答，但不是。这是卡鲁塞尔在线：。