1

SlidesJS JQuery プラグインを使用して、Web ページの上部にスライド バナーを表示しています。

ただし、画像にオーバーレイする画像キャプションを追加するのに問題があります。上記の Web サイトに従って、クラス キャプションを含む新しい p を作成し、その中にキャプションを入力しますが、プラグインがこのキャプション div を別のスライドと見なし、各画像の後にキャプション テキストのみを表示していることがわかります。

ページはこちらからご覧いただけます。

4

2 に答える 2

2

キャプション付きの SlidesJSの例を確認することをお勧めします。HTML コードを調べて、すべての画像 (スライド) に対して 1 つの div ブロックを使用していることをすぐに確認してください。リンクのサンプル コードでは、div ごとに画像 (スライド) を分割しているため、キャプションを追加する必要がある場合は、div 内に子を追加するだけです。

于 2012-10-15T09:32:52.713 に答える
0

彼らの例では、各スライドが独自の中にあり、キャプションが次のように別の div 内にあります。

<div class="slide">
   <a href="/gosomewhere"><img src="/images/myimage"/></a>
   <div class="caption"><p>this image is awesome</p></div>
</div>

実際に試してみないと、スライドと子キャプションクラスのdivが欠落している可能性があると思います

于 2012-10-15T09:33:33.097 に答える