オフライン時の画像切り替え
ページの表示が完了した後で本体をスリープ状態にし、ネット接続のない場所へ持ち運んでもゲームを続行できるかの事前検証です。
もちろんサーバからのデータ取得はできなくなりますが、読み込み済みの画像データのみで表示の変更が行えることを確認します。
3DSの無線スイッチをOFFにても、下記の画像をクリックすると画像が切り替わります。
- データスキームURI
![切替画像0](data:image/gif;base64,R0lGODlhIAAgALMAAAAAAAAAmZkAAAAA//8AAMyZAJmZmf9mzP/AgP///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAoALAAAAAAgACAAAATjUMkpgb04A8q7/lknXkJpnuclUiTqptaqkEny3uoIlPWNbzoXpjQ0xYKwVpEI9OyMFwSCKbUwV1aoRUpFZI/OUxUgHY9zuqfAXN560djs4VCuI+ZgWcU6t5cPcHozIISBaYUghwADAwGONTWOjm4FgRmMjI+QCZKUlU2Di5ijAwamkIyeeRakraYGNalkCJ+grJgYo6cJsiEsogMamLu9hrcBs7WMxMGgTo3IUgWfy7C8zXoWndLUuL5xAJNktYSCoR+Ssua/GJLpzc7rExYE9fb1efJ7J/cC+fJZXvxbh2ighAgAOw==)
画像をbase64にエンコードした文字列としてHTML内に記録しておき切り替える手法です。
リトル、ドングラス、エンジュアンの順に正しく切り替わります。
- 通常URL指定
![切替画像1](data:image/gif;base64,R0lGODlhAQABAKIAAMDAwAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAAQABAAADAggJADs=)
ページ表示時にすべての画像を読み込んで保持しておき、そのURLを指定して再読み込みする手法です。
アーランド、グラデーションの順に正しく切り替わります。
理由はわかりませんが、最初からimgタグに設定した画像は再読み込みできません。なので最初はグレー表示にしています。
戻る