Question

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

http://www.fbclovis.com/newsite

然而，正如您将看到的，图像位于我的容器div的左上角，而不是很好地居中。我已经将容器填充设置为15px，这将使事情变得漂亮，但它被忽略了。仅当我将“data-cycle-slides”循环选项设置为“＆gt; 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>

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

1 个答案: