> > bxslider で今何枚目を表示しているかを
rss rss

bxslider で今何枚目を表示しているかを

2015-11-24 18:27:42 | javascript
スマホサイトの開発で bxslider を使ってて、

制作さんのデザインで、画像の下に

1 / 25

みたいな、ナンバリング表示があった。

デザイン上ついてるだけで、動きはこっちもちらしくて

どうしたらできるか考えて、

onSliderAfter を利用してこうなりました。


,onSlideAfter:function(e){
var base = e[0].offsetWidth;
var left = e[0].offsetLeft;
var index = left/base;
}


bxSlider のイベントオブジェクトの
「offsetWidth」 ・・・ たぶん1枚の幅
「offsetLeft」 ・・・ たぶん、左からの移動距離みたいな値

「offsetLeft」を「offsetWidth」で割ると、ちょうど位置が割り出せる感じなので
そうしてみました。

もっとズバリなパラメーターが有りそうな気がするけど、

とりあえずこれで

■コメント

お名前:

コメント:

数字:

53351

トップへ