私はこれについて何時間も頭を悩ませてきました。「単純な」例とほぼ同じように jCarousel をセットアップしましたが、スクロールがありません。コンテナの幅を高く設定すると、すべての画像が水平ではなく垂直に積み重ねられていることがわかりますが、UL は適切な「水平」クラスを取っています。
ヘルプ!
http://vermontgrapeandwinecouncil.com/eden-ice-cider-company/
私はこれについて何時間も頭を悩ませてきました。「単純な」例とほぼ同じように jCarousel をセットアップしましたが、スクロールがありません。コンテナの幅を高く設定すると、すべての画像が水平ではなく垂直に積み重ねられていることがわかりますが、UL は適切な「水平」クラスを取っています。
ヘルプ!
http://vermontgrapeandwinecouncil.com/eden-ice-cider-company/
私はこの問題を解決しました。UL を display:none; に設定しました。次に、スタイル設定されていないコンテンツのぎこちないフラッシュを防ぐために、カルーセルがロードされた後に表示するように設定するスクリプト。どうやら、リストが表示されていなかったため、jCarousel が項目の幅を計算する際に問題が発生していたようです。みんな、ありがとう。
みんなありがとう...これは私のために働いた
jQuery(document).ready(function() {
$('#<%=myImagecarousel.ClientID%>').jcarousel();
$('#<%=myImagecarousel.ClientID%>').removeAttr('style');
$('#<%=myImagecarousel.ClientID%>').show();
});
このプラグインを使用すると、ページの読み込み中にスタイルなしのフラッシュが非表示になるという問題がありました。私にとって最も簡単な修正は、<ul>
要素に visibility:hidden の css 値を適用し、jCarousel がロードされた後にその css 値を削除することでした。display:none ではなく visibility:hidden を適用すると、<li>
要素の正しい幅が jCarousel プラグインによって計算されるようになりました。
jcarousel宣言が呼び出されてもよろしいですか?
私はあなたがこれを使って宣言しているのを見ます:
(function($) {
$(function() {
$('#carousel').jcarousel();
$('#carousel').show();
});
})(jQuery)
次のように内部関数を取り出してみてください。
(function($) {
$('#carousel').jcarousel();
$('#carousel').show();
})(jQuery)
私がこれを言う理由は、firebugで$('#carousel')。jcarousel()を呼び出すと、正しく機能するためです。
幅が 110px のインライン スタイルを持つ ID "carousel" の ul があります。
その幅の宣言を削除するか、大きくしてみてください。
すべてを含む UL の設定が狭すぎます。拡張するか、幅を完全に削除してみてください。