jQueryのbxSliderで動的に画像を入れ替えたいと思います。
以下のように画像を指定して画像をスライドさせる事は出来ています。
<ul class="bxslider" id="imglist">
<li><img src="pict/1.jpg"></li>
<li><img src="pict/2.jpg"></li>
<li><img src="pict/3.jpg"></li>
</ul>
やりたい事はスライドが1週したら違う画像一覧を指定してスライドさせるというものです。
（※実際には大量の画像があるため全てを上記リストに入れるのは得策ではありません）
試しにコールバックAPI関数onSlideBeforeにて
週の終わり（次の週の開始）にXMLHttpRequestを使ってinnerHTMLで上記の画像一覧を書き換えました。
しかしそれだけではbxSlider側の必要な処理が動いていないようで期待した結果にはなりませんでした。
代替案でもかまいませんので実現方法をご教示ください。
以上です。宜しくお願いします。
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する
ベストアンサー
-
Cherenkov
満足100pt
Options | Responsive jQuery Slider | bxSlider
リファレンスみるとajaxな読み込み機能はなさそうなので、はじめから全てをリストに入れておいて、maxSlidesプロパティで一度に表示する枚数を指定し、一周するタイミングでコールバックで、reloadSlider()します。その際にmoveSlidesプロパティで次のセット分の開始インデックスを指定すれば目的達成するんじゃないですかね。
追記：reloadSlider()じゃなくて、コールバックの$slideElement引数に $slideElement.goToSlide(3)とかすればいいかも。 -
hyoga_hその他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2013-09-16 21:24:28
- 終了日時
- 2013-09-18 13:01:35
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
https://hikky-mura.org/t/topic/2523/7 でsma200さんという方に戸塚ヨットスクールを勧められましたが、僕…
hayakushinene
1
-
親族（実家）の犬が無駄吠えをしています。朝方に一時間くらい吠えているらしい。昼にも一時間くらい吠え続…
匿名質問者2
2
1
-
度々すみません。 私は以前から大学入試・成績など教育関連のネガティブな夢を見ていましたが、ここ最近そ…hayakushinene5
-
いつもお世話になっています。 自分、インセル予備軍かもしれません。 街中でカップルや夫婦等見ると羨まし…hayakushinene
-
学歴詐称ではなくて、貴族称号詐称について伺います。イボンヌの香りという映画で、ロシアの伯爵を詐称して…匿名質問者