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

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

horizontal_center

Centers image horizontally. When turned off, the images resize/display from the left of the page.

因此，考虑在脚本中将 horizo​​ntal_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 规则调整与左侧的距离。