Javascript AnythingSlider：即使在低屏幕分辨率下也可以将图像居中

是否有人对任何东西都有此问题滑块：
当您有一个长图像，例如1920像素宽，但您以小屏幕分辨率（例如1280x960）查看它时，图像是左对齐的，而不是居中的

这个问题一直没有解决。有人有解决办法吗？

我找到了解决办法

HTML

<ul id='slider'>
  <li><div><img ... /></div></li>
</ul>

JavaScript

$(function () {
  $('#slider').anythingSlider();
  AdjustSliderImgWrapper();
});

$(window).resize(AdjustSliderImgWrapper);

function AdjustSliderImgWrapper() {
  var left = (parseInt($('#slider > li > div').width()) - $('#slider > li').innerWidth()) / -2;
  $('#slider > li > div').css('left', left);
}

---

我的滑块100%宽，但我认为它也适用于其他宽度。

Aximili-谢谢！您的解决方案对我很有效，但我确实有以下几点，因为我在当前幻灯片右侧的部分顶部得到了下一张幻灯片的重叠，宽度根据窗口大小而变化

ul.anythingBase li.panel.activePage{z-index: 100 !important;}
ul.anythingBase li.panel {z-index:1;}

ul.anythingBase li.panel.activePage{z-index: 100 !important;}
ul.anythingBase li.panel {z-index:1;}