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 に答える