匿名質問者回答ポイントなし

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号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>");
}
```
ってかんじで
- 2件のコメントを見る
- 匿名回答1号 2015/02/27 13:10:51
  
  あ、prependだと挿入しちゃうからtextで上書きですね。
- 匿名質問者 2015/02/27 13:56:59
  
  ありがとうございます。
  無事に解決しました。after知りませんでした・・・。よく調べないとダメですね。
  
  とても参考になりました。
  どうもありがとうございます。ベストアンサーにさせて頂き終了させていただきます。

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

ベストアンサー

匿名回答1号2015/02/27 13:09:44

匿名回答1号 2015/02/27 13:10:51

匿名質問者 2015/02/27 13:56:59

その他の回答

この質問へのコメント

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

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版