我在this tutorial之后制作了幻灯片。但是，我正在使用不同宽度的图像，所以我希望它们居中。
我最好的猜测是改变
$(indexImage).css({'display':'block', 'opacity':1});
到
$(indexImage).css({'display':'block','margin':'auto', 'opacity':1});
经过几个小时的尝试，我决定去论坛。
但我没有运气。 Here's my jsfiddle，任何人都可以帮助我吗？
由于
答案 0 :(得分：0)
不是使用大图像，而是使用大小与完整高度和宽度相同的div，然后将图像设置为每个div的background-image。然后，您可以设置background-position: 50% 50%，它将完美地居中图像。
如果需要，您可以使用非完全跨浏览器的CSS样式background-size: contain来确保图像完全适合所提供的空间。
答案 1 :(得分：0)
有一个jQuery插件：