-
ID:8/hxvn さんの質問

Bxslider.jsというjQueryのプラグインについての質問です。

教えていただきたいことは、
現在表示されているスライド写真が、
今何番目に表示されているのかを数値で取得する方法です。

4枚目のスライド写真の場合、「4」といった感じです。
ざっくりなご説明で申し訳ございませんが、

とてもとても困っております。
どなたか、ご教授お願い致します。

追記:
下記お答えいただいた方のサンプルサイトから

getCurrentSlide()
現在のスライドのインデックスを返します

とありました。これでできそうな気もしますが、どなたかお力添えを〜

みんなの回答 3 件

ID:pIa0SO さんの回答

スライドごとにコールバック。
コールバックごとに任意の変数で++ してって、何回コールされてるかで何枚目かって数えられないかな?
やってないのでこの程度までですまんそん

Examples | Responsive jQuery Slider | bxSlider

http://bxslider.com/examples/callback-api
ID:8/hxvn

ご回答いただき、誠にありがとうございます!
それっていうのは、例えば1枚目から4枚目に飛ぶときなども対応できそうですかね?

ID:qLQ49Z

できないねー。
HTMLになんかテキトーな属性値つけて表示させれば?

ID:8/hxvn

やりたいことは、1枚目はAの画像を画面右下に表示、2枚目はBの画像を表示のような、スライドする写真に関連づけさせるものになるので、
良い方法があればインデックスを返さなくても良いんですが。。。

ID:pIa0SO

なかなか難しそうですねー
今どの画像が表示されてるかってのはコールバックでそのまま引っ張ったりはできなそう。
スライドの<li>の中に画像2枚突っ込んで、片方をCSSで表示位置操作するとか、同じスライドのタグの中に置いておかないと同時に動かすのはなかなか厳しいかも。
ロジック的に何かごちゃごちゃ作って動いたとしても関係ないものが出たりバグが多そうな気がするなぁ。
レスポンシブ対応のJS使ってるってことはいろんなデバイスも想定しているんだろうしなおさらバグ率高まる気がしまする。

ID:8/hxvn

私も最初はhtml側をいじってどうにかしてやろうとしてました。
が、なんとかできました!
私自身も勉強になりました〜
ご相談に乗っていただきありがとうございました!

ID:KPFqFx さんの回答

Public methodsのgetSlideCount使えばいいと思う

ID:pIa0SO

getSlideCount はスライドの合計では?と調べたら getCurrentSlide() なるものが出てきた。勉強になりました。とぴ主さんあとは頑張って。

ID:8/hxvn

できました!
getSlideCountとonSlidePrevなどで解決しました。
参考サイト //www.antimath.info/demos/bxslider-count/

ID:prmlCb

onSlideBeforeでfunction($slideElement, oldIndex, newIndex)でindexとれるわ。これでもよかったかも

ID:J11vKq さんの回答

画像にdata属性持たせれば出来そうな気がしたけど、
試してないので憶測ですみません。

最終更新日:2013-08-09 (9,169 views)

関連するトピックス

ページ上部に戻る