問題タブ [jcarousel]

jcarousel を使用して、複数の行を持つコンテナーを作成しようとしています。いくつか試してみましたが、うまくいきませんでした。誰でもそれを作成する方法について提案できますか?

Web サイトのユーザーにスクロール可能な (水平) コンテンツを提供するために、jQuery 用の jCarousel プラグインを使用しようとしています。

私が言及しているコンテンツは、基本的にユーザー定義<li>の要素であり、タブの感触と外観を持つようにスタイル設定されています。基本的に、pageflakes.com のタブと同じ効果を達成しようとしています。ご想像のとおり、ユーザーは自分でタブを作成し、タブ名を提供しています。

jCarousel では、コンテンツの固定幅を指定する必要があります。たとえば、すべての例は、高さと幅が固定された画像に基づいています。しかし、私の場合、ユーザーが自分のタブに何を付けるかを制御できません...合計コンテナdivの幅を推測することは不可能です。

各文字が約5ピクセルであると仮定してプログラムで幅を推測し、タブの名前として指定した単語の長さに5を掛けるなど、ばかげた方法を使用してみました。この場合でも、cssファイルを動的に操作する必要がありましたが、その方法がわからず、実行可能であっても..

どんな解決策も感謝します...

上記の html は、ajax_tabs_output.aspx を介してプログラムで生成され、javascript 配列に読み込まれ、jCarousel が残りを処理します。

サムネイルがクラス名でオフセットされるように jcarousel を設定しようとしています。例: 12 個のサムネイルのリストで、class="active" を持つ 1 つのサムネイルが jcarousel コンテナで最初に表示されるサムネイルとして表示されます。

jCarousel を使用したいのですが、画像がまだダウンロードされていない場合は、Ajax 呼び出しを使用してジャストインタイムで画像の次のバッチを取得できるようにしたいと考えています。

jCarousel サイトの Ajax の例は、Ajax を使用してロードされているアイテムのセット全体を示しているようです。次のセットがまだ存在しない場合は、次のセットをロードしたいだけです。

このメソッドを使用する必要があるようですitemLoadCallback. これを確認できる人はいますか？

ティア

パット

私はこれについて何時間も頭を悩ませてきました。「単純な」例とほぼ同じように jCarousel をセットアップしましたが、スクロールがありません。コンテナの幅を高く設定すると、すべての画像が水平ではなく垂直に積み重ねられていることがわかりますが、UL は適切な「水平」クラスを取っています。

ヘルプ！

http://vermontgrapeandwinecouncil.com/eden-ice-cider-company/

私はこのようなHTMLコードを持っていました:

そして、ここにラップクラスと画像のcssコードがあります。キャプション右クラスで属性 position:absolute を position:relative に変更すると、キャプションは表示されましたが画像は表示されませんでした。このクリップの画像の上にビデオクリップの時間のキャプションを表示したいだけです。Firefox と Chrome では正常に動作しますが、IE では動作しません。このバグを修正する方法を教えてください。

どうもありがとうございました！

私はまだ PHP と jQuery の両方を学んでいますが、これを試すのはかなり複雑なようです。

私ができるようにしたいのは、jCarousel の textscroller 機能を使用して、jCarousel が作成された XML フィードと URL ではなく、PHP 関数によって生成された URL のリストを表示することです。(デモ: http://sorgalla.com/projects/jcarousel/examples/special_textscroller.html )

私が使用したい WordPress PHP 関数は、WordPress カテゴリの一部またはすべての投稿に対して、HTML マークアップを含む URL のリストを生成します。

その結果、jCarousel の XML 関数や html クリエーター関数は必要ないと思いますし、文字列を切り詰める必要もありません。

では、jQuery 関数に PHP 関数を含めることはできますか、それとも、jCarousel に XML フィードを提供するのと同様に、jQuery 関数に PHP 関数から URL リストを取得させることはできますか? jQuery-PHP ライブラリを使用する必要がありますか? http://jquery.hohli.com

どんな答えでも大歓迎です。- マーク

これは、XML フィードを使用する jCarousel 関数です: (ドキュメント準備関数は省略しました)

そして、この WordPress PHP 関数:

次のような html を生成します。

これは、jCarousel テキスト スクローラーに表示させたい html です。

ajaxを使用して垂直jCarouselを実装する方法を教えてください。

これまでのところ、jCarousel を表示して、txt ファイル経由で画像をロードしました。

私がやりたいことは、一度に 4 つの画像を表示し、ユーザーが画像の 1 つの上にマウスを置くと、他の 3 つの画像の不透明度が 30% にフェードすることです。次に、マウスをその隣の画像に移動すると、その画像の不透明度が 100% になり、他の 3 つの画像の不透明度が 30% になります。

その上にマウスがある画像は常に 100% の不透明度になり、他の画像は 30% になるため、目立ちます。ユーザーがマウスを jCarousel ボックスの外に移動すると、すべての画像が 100% の不透明度で表示されるようにします。

私はこれに似たコードを使用しています

ありがとう。

編集

申し訳ありませんが、以前にコードを追加する必要がありました。ここにあります: http://pastebin.com/m54cd73d8 これは私がこれまでに持っているものです。しかし、マウスが jCarousel div の外に移動したときにすべての画像の不透明度を復元するには、mouseout イベントが必要だと思います。また、最初の4つの画像でのみ機能しているようで、カルーセルに10枚の画像があり、他の画像は何もしていないようです:s

新しい 現在のコード: 今のところ