在中心显示不同宽度的旋转木马中的下一个和prev图像

Question

我想使用jQuery制作一个这样的滑块（不使用wordpress）。

请参阅Slider example 1和Slider example 2

我一直在尝试使用光滑的旋转木马，似乎centermode和variablewidth设置组合无法提供我想要的效果（图像不会放在中间）。

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

Answer 1

您有两个选择

如果您希望图像占据整个轮播，那么

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

如果你不希望图像伸展100％，那么设置你想要的宽度（或者不要，只指定边距）和自动边距：

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

如果您使用的是默认引导程序轮播

.carousel-inner .item a img {

margin: auto;

}