人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Flexslider(jquery)の少しアレンジした使い方を教えて下さい。

今、Flexsliderを使ったスライダーを作っています。ただスライダーとして使うだけなら全く問題ないのですが、画像のtitleに当てているテキストを少し離れた箇所に表示したいのですが、現在表示されている画像に.flex-active-slideというクラスが付いているのですが、そのタイトルの取得〜反映が出来ません。。。
------------------------------------
< div class="day_title">< p>ここに画像のタイトルを切り替えながら出したい</p></div>

< div class="flexslider">
< ul class="slides">
< li>< img src="123.jpg" title="test01"></li>
< li>< img src="123.jpg" title="test02"></li>
< /ul>
< /div>

これで、1枚目の画像が出てる時にはtest01を2枚目の時はtest02を出すようにしたいのです。

var imgTitle = $(".slides li.flex-active-slide img").attr("title");
$(".day_style").prepend("<p>"+imgTitle+"</p>");

動くものを入れ替えしていくためには、なんか足りないのは想像できるのですが何が足りないのかよくわかりません。

初歩的な質問なのかもしれませんが、具体的なコードを教えていただきたいです。

宜しくお願いします。

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 匿名回答1号
ベストアンサー

オプションのafterにコールバック関数設定できるらしいです。
ここでやれば良いんじゃないでしょうか。
http://sho-tem.com/archives/354/2

after:function(){$('.flex-active-slide a').fadeTo(800,1);}

ってかんじで

after:function(){
 var imgTitle = $(".slides li.flex-active-slide img").attr("title");
 $(".day_style").prepend("<p>"+imgTitle+"</p>");
}

ってかんじで


匿名回答1号さんのコメント
あ、prependだと挿入しちゃうからtextで上書きですね。

匿名質問者さんのコメント
ありがとうございます。 無事に解決しました。after知りませんでした・・・。よく調べないとダメですね。 とても参考になりました。 どうもありがとうございます。ベストアンサーにさせて頂き終了させていただきます。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ