jQuery 循环插件

Question

你知道为什么 jQuery 循环插件在滑动图像时会破坏背景图像居中吗？ （没有激活插件，它可以正常工作）

这是一个 我的页面演示（尝试调整大小窗口或缩小并看看我的意思 - 背景图像被裁剪）

Answer 1

Cycle 插件设置您在加载时循环的 div 的宽度，并且不考虑调整大小。 Cycle 有一个 destroy 方法。您应该能够循环调用 destroy 并在窗口调整大小事件中重新创建它。

http://jquery.malsup.com/cycle/options.html

$(window).resize(function() {
  $('#home #background').cycle('destroy');
  $('#home #background').cycle({
      random: 1
  }); 
});

Answer 2

添加此样式可以修复它：

#background div { width: 100% !important }