TOP

BXスライダーをスマホモバイルサイトで正常作動させるには?

BXスライダーおよび関連scriptは、シリウスの操作で通常設定しますが
iPhone アンドロイドを含めてのスマートフォンで正常に作動させるには
設定する際の注意事がございます

 

スライド作動は、シリウス機能であるスマートフォン対応のiPhone設定を
実行している場合

 

パソコン ipad タブレットでは正常作動するのですが
iPhone アンドロイドを含めてのスマートフォンでは、画像が縦並びとなり
不作動となるのです

 

原因は、現在提供されるスライダーscriptが、レスポンシブ構造で
あるということ

 

シリウス機能、iPhone設定は、スマートフォンの画面サイズでは
サイトレイアウトが適合表示されます

 

それはシリウス指定の固定幅内で表示されるよう指定されているもので、
閲覧するデバイス画面サイズにあわせ自動伸縮する
レスポンシブ構造ではない...こと

 

レスポンシブ構造のスライドscriptは、シリウスをiPhoneに設定している場合は
スマートフォンデバイスでは、結果動かい..となるのです

 

以前の解説では、スライドscriptがレスポンシブ構造前の構造であったため
iPhone設定を実行していても動いたのですが、現在は動いてくれない
状況です

 

 

iPhone用HTMlテンプレートに、scriptを配置すればとも考えられますが
実行してもしても動いてはくれませんでした

 


 

 

過去解説でBXスライダーをシリウスに導入された方よりのご指摘で
現在の状況が理解できた次第です

 

当サイトご案内のフレックススライダーでも同症状です

 

気が付かずの解説で申し訳ありませんでした

 


 

対応策はあるか?

 

では、シリウスサイトがスマートフォンサイズで閲覧された際
正常に動かすことはできるのか?

 

ですが、iPhone設定を実行しているなら正常作動に至らない
動かないが...現時点のお答えとなります

 

スマートフォンデバイスでも正常な作動が確認できるのは

 

スライドscript構造と同じくレスポンシブ構造のサイトおよび
組み込まれたサイトでなら正常作動はご確認いただけます

 

 

シリウスで過去に販売されたレスポンシブテンプレート

 

当サイトで公開しているレスポンシブサイト組み込みコード

 

当サイト以外でも提供されるレスポンシブサイト組み込みコード

 

シリウス研究所さんが提供しているレスポンシブテンプレート

 

上記でなら正常に作動します

 

 

ここから重要 iPhone設定の解除

 

スライドscriptをスマートフォンで正常作動させるには

 

シリウスで過去に販売されたレスポンシブテンプレートや

 

シリウス研究所さんが提供しているレスポンシブテンプレートに
切り替える

 

また、現在のシリウスサイトにレスポンシブ構造を組み込むことは
容易にできるかと理解しますが

 

その際は、iPhone設定の解除をしなければなりません

 

ですが、iPhone設定を解除したとしても

 

過去時点で一度でも、iPhone設定を実行している経緯があれば
サーバーでiPhoneファイル関連を削除しなければ正常な作動が
確認できない

 

サーバーエラー状態の画面になりサイトの確認さえできない状況に
至ります

 

原因は、iPhone設定関連ファイルが、どこかのファイルに紛れ込んで
いるため、それがサーバーエラーを招くのです

 

iPhoneファイル関連を消し去る対処法はこちらでご参照ください
iphone設定からレスポンシブデザインへ移行する際の注意事

 

以上の事情が対応策となります

 

スポンサーリンク

 

 

シリウスBXスライダースマホモバイル対応のカスタマイズ
シリウスBxSlider|BXスライダー完全取り付け詳細設定方法
シリウスカスタマイズ

シリウスBXスライダースマホモバイル対応のカスタマイズ関連解説
li要素で作動させるBXスライダー(BxSlider)
シリウスに導入するBXスライダー(BxSlider)の作動形態で、li要素を使用した際の構築方法を解説いたします。ここでは、div要素の意味合いも含めています。
BXスライダー(BxSlider)がiPhoneで動かない?
シリウスにjQueryBXスライダー(BxSlider)を搭載後 、PCやipadでは正常な作動の確認できるのですがiphon画面では、画像が縦横に並ぶだけで動かないという症状が見られます
BxSliderスライダーにサムネイルギャラリーを設定する方法
シリウスにBxSliderスライダーを取り付けたなら、次はサムネイルギャラリーを設定する方法です。サイトを訪れた読者に画像演出コンテンツの理解を伝えるカスタマイズかも?