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>