匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

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人5回まで
  • 13歳以上
  • 登録:2015/02/25 20:08:13
  • 終了:2015/02/27 13:57:07

ベストアンサー

匿名回答1号 No.1

匿名回答1号「匿名質問」を利用した質問に回答すると「匿名回答○号」と匿名で表示されます。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら
2015/02/27 13:09:44

オプションの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で上書きですね。

2015/02/27 13:10:51
匿名質問者

ありがとうございます。
無事に解決しました。after知りませんでした・・・。よく調べないとダメですね。

とても参考になりました。
どうもありがとうございます。ベストアンサーにさせて頂き終了させていただきます。

2015/02/27 13:56:59

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません