Jquery 在旋转木马中部分显示下一个和上一个图像，中间的宽度不同

我想使用jQuery（而不是wordpress）制作这样的滑块

请看和

我一直在尝试使用slick carousel，但似乎

centermode

和

variablewidth

组合设置无法提供我想要的效果（图像未放置在中心）

我还尝试了其他滑块，但中心图像的宽度不能不同。

您有两个选项

如果你想让图像占据整个旋转木马，那么

img { width: 100%; height: auto; }

如果不希望图像拉伸100%，则设置所需的宽度（或不，只需指定边距）和边距自动：

img { width: 50%; margin: auto; }

如果您使用的是默认引导转盘

.carousel-inner .item a img {

margin: auto;

}