在每次刷新浏览器时使图像居中的幻灯片插件中禁用功能？

Question

我正在使用幻灯片插件，将图像置于浏览器中心。我删除了部分js脚本以禁用该功能，以便幻灯片中的图像保持固定，并且不会随着浏览器大小的变化而移动。

// Adjust image when browser is resized
$(window).resize(function(){
base.resizeNow();
});

然而，问题仍然是刷新浏览器时图像再次居中。我需要它始终与浏览器左侧保持固定的距离。如何在每次刷新浏览器时禁用插图脚本的中心部分？

请查看我正在处理此页面以查看我的问题：http://georgewoolfe.com/new-website/yogurt-line.html

Answer 1

来自the documentation of supersized.js

  

horizo​​ntal_center

     

水平居中图像。关闭时，图像会从页面左侧调整大小/显示。

因此，请考虑在您的脚本中将horizontal_center设置为0，即yogurt-line.html中的以下区域：

$.supersized({
  autoplay : 0,
  transition : 0,
  keyboard_nav : 1,
  performance : 1,
  vertical_center : 1,
  horizontal_center : 1, // <- Set this to 0
  fit_always : 1,
  ...

然后，如果需要，您可以使用left等CSS规则从左侧调整距离。

Answer 2

如果按照@Yasa Akbulut的建议将水平中心设置为0（假）， 你想要调整你的CSS，首先将幻灯片的位置设置为绝对：

ul#supersized li {position:initial}

然后，您可以调整页面中您想要幻灯片放映的位置。

我做了一个JSFiddle来演示：

http://jsfiddle.net/y3rqq561/2/