jquery - JQuery サイクルの複雑化

Question

画像を含むカルーセルを作成するために JQuery サイクルを試して実装しましたが、まだ HTML コンテンツはありません。ページの下部にあるデモのように、HTML で動作することがわかっています。

http://malsup.com/jquery/cycle/int2.html

ただし、子 DIVS は個々のスライドとして個別に解析されるため、HTML コンテンツに DIVS を含めることはできません。DIV 以外のものを使用して、DIV 内にコンテンツを配置する方法はありますか?

Answer 1

オプションページを見るslideExprと、「スライドを選択するための式（すべての子以外が必要な場合）」というコメント付きのエントリがあります。したがって、トップレベルのすべてのスライド コンテナーにクラスを与えて (slideたとえば)、それを渡すことができます。

$('#slideshow').cycle({ slideExpr: '.slide' });

デフォルトは「すべての子」のように見えますが、デフォルト設定でもサブディビジョンは問題になりません。ソースコードはこれを確認します：

var $cont = $(this);
var $slides = opts.slideExpr ? $(opts.slideExpr, this) : $cont.children();

スライド式を渡すと、それが使用されます。それ以外の場合はchildren()、1 レベル下に移動するだけの が使用されます。