スマホトップページのスライドバナーの表示順序

Question

お世話になっております。
楽天のスマホトップページのスライドバナーですが、
ページを開くとなぜか一番最後のバナーが最初に表示されることがあります。
ページを更新すると先頭の物がしっかり表示されるのですが、これは何故そうなるのでしょうか。
解決策があれば教えてください。

Answer

ECマスターズの田中です。

スライドバナーを実現している
jQueryプラグイン「bxSlider」の仕様に関連する動作である可能性が高いので、

・最新版のbxSliderに差し替える
https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.js
を保存し、GOLDの「jquery.bxslider.js」に上書きアップロードしてください。
・最初のスライドの位置をオプションで指定する
$("#sliderCont").slick({
dots: true,
infinite: true,
startSlide: 0
});
・slick.jsなど、他のjQueryプラグインに差し替える

などの方法で、ご対応いただきますようお願いします。

Answer

ありがとうございました。
最新版に変更し改善されました。

・最初のスライドの位置をオプションで指定する
$("#sliderCont").slick({
dots: true,
infinite: true,
startSlide: 0
});
こちらは追記した方がいいでしょうか。

jsの記述に慣れてなく、どこに記述するべきかわからないのですが、コメントアウト直下の部分で
大丈夫でしょうか。

Answer

ECマスターズの田中です。

無事改善されて何よりです。

> こちらは追記した方がいいでしょうか。

本来、内部で設定されている初期値ですので、
改善されたのであれば、特に追記していただく必要はございません。