Jquery 如何在幻灯片中居中显示图像？

我在下面做了一个幻灯片。但是，我使用不同宽度的图像，所以我希望它们居中

我最好的猜测是改变

$(indexImage).css({'display':'block', 'opacity':1});

到

经过几个小时的尝试，我决定去论坛

但是我运气不好，有人能帮我吗

---

谢谢

您可以使用大小与全高和全宽一致的div，然后将图像设置为每个div的

背景图像

。然后，您可以设置

背景位置：50%50%

，这将使图像完全居中

---

如果需要，您可以使用不完全跨浏览器的css样式

背景大小：contain

，以确保图像完全符合提供的空间。

有一个jQuery插件用于此：

---

你的小提琴跑不动了。我将从绝对链接开始……当你做一把小提琴时，将

jQuery

设置为框架并实际包含一些指向图像的URL会很有用。另外，该教程中有一些糟糕的实践。我同意，该教程非常悲惨。如果你正在寻找一个滑块，有数百万个真正的工作。如果你想学习，试着使用来自更流行来源的教程，而不是我看到的某人的博客，谢谢你的提示。然而，如果有人仍然能够找出如何将图像居中，那就太好了。我更新了JSFIDLE（因此第6个图像应该居中）。谢谢

$(indexImage).css({'display':'block','margin':'auto', 'opacity':1});