jQuery Cycle Plugin - 当使用div作为幻灯片时，幻灯片填充消失

Question

我正在重新设计一个网站，并正在从jquery循环升级到jquery循环2.我将循环用作最新新闻/事件，因此我的每张幻灯片都是包含作为链接的图像的div。

http://www.fbclovis.com/newsite

但是，如你所见，这些图像是在我的容器div的左上角而不是被很好地居中。我已经将容器填充设置为15px，这会让事情变得很漂亮，但它被忽略了。当我将“data-cycle-slides”循环选项设置为“> div.promo”时，才会出现此问题。如果我只有div以外的图片，它表现得很好。如果我将幻灯片的边距设置为15px并将容器的填充设置为0px，它也可以工作 - 但这不是正确的编码，我喜欢尝试语义。

那么，为什么jQuery的周期2忽略幻灯片放映容器的填充？

Answer 1

您在您的html标记中有错误，请参阅关闭>不是它应该在的位置。在这里发布你的html，以防你找不到问题。

<div id="main"> 
    <div id="main-content" class="content-section"> 
     <div id="promo-cycle" class="cycle-slideshow" 
      data-cycle-fx="fade" 
      data-cycle-timeout=4000 
      data-cycle-slides="> div.promo" 
      data-cycle-caption="#custom-cycle-caption" 
      data-cycle-caption-template="<span class='caption-title'>{{title}}</span><br /><span class='caption-desc'>{{desc}}</span>" 
      data-cycle-center-horz=true 
      data-cycle-center-vert=true 
     > 
      <div class="cycle-pager"></div>