jQuery Cycle插件

Question

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

这是一个demo of my page（尝试调整窗口大小或缩小并查看我的意思 - 背景图像被裁剪）

Answer 1

循环插件设置您在加载时循环的div的宽度，并且不考虑调整大小。循环有一种破坏方法。您应该能够在循环中调用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 }