jQuery周期插件

Question

你知道为什么jQuery cycle插件在滑动图片时会破坏backgorund图片的居中吗？(没有激活插件，它可以正常工作)

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

Answer 1

添加此样式可以修复此问题：

#background div { width: 100% !important }

Answer 2

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

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

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