0

リンク: http://misiur.com/teatr

エラー コード:「jCarousel: 項目の幅/高さが設​​定されていません。これにより、無限ループが発生します。中止しています...」

カルーセルが 1 つありました - エラーはありません。次に、新しいエラーを追加しました。最初のものと同じようにビルドします。単純な HTML: ul with children li > a > img どうしてこうなったのかわかりません。CSS で寸法を追加しようとしましたが、まだ何もありません。imgは同じサイズである必要がありますか?

前もって感謝します。

4

1 に答える 1

3

これは古い質問ですが、このトピックに関する Google 検索ではまだ出てきます。

これに対する解決策をブログに投稿しましたhttp://drayblog.gotdns.com/index.php/2011/03/31/jcarousel-no-width-height-set-for-items/

しかし、いつかそれがダウンした場合に備えて、ここに投稿があります

jarousel アイテムの width および height 属性に関係なく、エラーが発生します。カルーセルの最初の親の幅と高さを設定する必要があります。以下のこの設計パターンに従えば、間違いはありません

まず、ダウンロード済みの jcarousel ライブラリへの参照が既に含まれていると仮定します。それらは実際には1つしかないため、見つけるのを間違えることはありません。ここ

  1. jcarousel 要素を含むページのマークアップ (含む div でラップされたメモ)。このサイトは多くの html の表示をサポートしていないため、開始タグと終了タグを削除しました
div id="hlrt"
ol id="hmprt" runat="サーバー" clientidmode="静的"
liクラス="l"
      !--ここにあなたのもの--
    /li
/ol
/div

カルーセルに命を吹き込むための初期化 jscript (番号付きリストに適用されるメモ)

//初期化
$('#hmprt').jcarousel({
    垂直: 真、
    イージング: 'easeInOutQuad',
    スクロール: 4,
    自動: 5、
    ラップ: '円形',
    アニメーション: 3000
});

あなたの CSS (ラッピング div に適用されるメモ)

 
#hltr .jcarousel-item-vertical,
#hltr .jcarousel-item-placeholder-vertical {
    幅: 330px;
    高さ: 自動;
}
#hltr .jcarousel-container-vertical {
    幅: 330px;
    高さ: 350px;
    ボーダー: 1px ソリッド #fff;
}
#hltr .jcarousel-clip-vertical {
    幅: 330px;
    高さ: 350px;
    Z インデックス: 20;
}

これを行う理由は、jcarousel クラスが html マークアップを修正して、オブジェクトが存在しなくなるか、jcarousel オブジェクト レベルで同じ名前を持つため、スタイルが適用されなくなるためです。

于 2011-05-28T15:40:04.043 に答える