禁用幻灯片放映插件中的功能，该功能在每次刷新浏览器时都会将图像居中

Disable function in a slideshow plugin that centres the image everytime the browser is refreshed?

本文关键字：功能 刷新 浏览器 图像 幻灯片 插件      更新时间：2023-09-26

我使用的是一个将图像集中在浏览器中的幻灯片放映插件。我删除了js脚本的一部分以禁用该功能，这样幻灯片中的图像就可以保持固定，不会随着浏览器大小的变化而移动。

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

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

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

来自supersized.js 的文档

水平中心

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

因此，请考虑在脚本中将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,
  ...

然后，如果需要，您可以使用CSS规则（如left）来调整与左侧的距离。

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

ul#supersized li {position:initial}

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

我做了一个JSFiddle来演示：

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

相关文章：