0

我正在重新设计一个网站，并且正在从 jquery 周期升级到 jquery 周期 2。我将该周期用作最新的新闻/事件，因此我的每张幻灯片都是一个 div，其中包含一个充当链接的图像。

http://www.fbclovis.com/newsite

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

那么为什么 jquery 周期 2 忽略了幻灯片容器的填充？

4

1 回答 1

0

您的 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>
于 2013-07-07T06:22:17.083 回答