2012-02-22 7 views
0

jQuery Slider動作するjQueryスライダがありますが、サムネイルの下に回転するタイトルを表示するための機能を追加する必要があります。私は5回の試みを終え、何も完全には働いていない。クラス "ctitle"に、親と同じ回転パターンで属性 "active"を追加するにはどうすればよいですか?私のjQueryの理解を深める助けになると思う人はどこですか?jQueryスライダの機能を拡張する方法

私は私は私は完全にあなたのスライドショー/意図を理解してわからない(それはだらしだ許して。私は、独自の言語の枠組みの外にそれを引っ張っていた)

+0

私は、各タイトルがイメージに固有であると仮定しています。これは正しいです?そうであれば、適切なキャプションを確実に受け取るために、再生中の画像を特定する必要があります。 –

+0

が正しいです。各画像のタイトルへの特定の呼び出しがあり、すべてが動的に生成されます。コード自体は単にそれらの呼び出しを表し、対応するイメージが強調表示されるときに動的なタイトルに「アクティブ」スタイルを追加することでjQueryを処理する必要があります。 –

答えて

1

jsfiddle http://jsfiddle.net/julianmiller/vJZEQ/にコードを追加しました。しかし、あなたがやりたいことは、どのスライドがアクティブであるかを判断し、対応するキャプションを追加することです。

function addCaption() { 


if($('.words li').hasClas('active')) { 
    $(this).html('<p>Your caption </p>'); 
} 


} 

これで、アクティブなクラスのすべての画像に同じキャプションが追加されます。クラスctitleのものだけにキャプションを付けるには、 "アクティブ"を "ctitle"に変更します。

しかし、イメージが読み込まれたときにキャプションを追加する場合は、それはもう少し複雑です。あなたが私にこれを伝えることができるかどうか疑問に思っています。画像は動的に読み込まれますか?そこにいくつの画像があるのか​​分かりますか?または、これはすべてハードコードされていますか?

+0

うわー。これはすでにトンを助けています。常に4つのイメージがあり、それらは動的にロードされます。 –

+0

これらの画像のデータベースにアクセスできますか?あなたが私に尋ねる気にならない場合、どこから画像が来るのですか?彼らはどこかのMYSQLテーブルに格納されていますか?あるいは、あなたはFlickrのようなものを使っていますか? –

+0

これらはCMSシステム内のタグによって生成されます。本質的に

  • <%image:tag%>
  • はdivの内側にあり、すべてのjqueryはアクティブな状態をレンダリングして回転させるものです。 –

    関連する問題