Javascript 水平居中调整图像大小

我被卡住了

我有一张1920像素X 400像素的幻灯片。就像现在一样，只有当我在1920px+浏览器窗口上全屏时，图像才会居中。如果我将窗口的大小调整到1600px，图像就会从中心向右移动，与站点的其余部分不对齐

我希望幻灯片在缩放浏览器窗口的宽度时保持居中，并根据浏览器的宽度左右显示/隐藏图像区域。我不想缩放图像比例，也不能使用背景图像，这两种图像都很容易修复

我假设一个JS监听器可以计算图像宽度和浏览器窗口的宽度，并将其持续显示在中间

---

演示站点位于此处：

上。幻灯片包装器添加以下样式：

left: 50%;
margin-left: -960px; // half the width of your image block

---

如果您提供一个小的自包含示例，其中只包含足够的代码来演示问题，而没有任何额外的内容，那么您将得到更好的答案。将此代码发布到问题中或JSFIDLE（jsFIDLE.net）中。这样做可能会有很多工作，但这是解决问题过程中的一个关键部分。谢谢！我在#幻灯片和.slides包装文章上至少试了五次。。。永不打开。幻灯片包装器。我觉得自己很愚蠢。