a-blog cmsにエントリーにタグが直書きされているクリッカブルマップをスマフォでも対応させるには「RWD Image Maps」が便利 | 4ページ目 | a-blog cms | ブログ

2021年03月30日（火） a-blog cms

問題

a-blog cmsのエントリー内に、クリッカブルマップのタグを直接買いているのだが、スマフォでレスポンシブ対応されたマップでは、座標が正しく動作しないため、動作がおかしい

RWD Image Maps を導入することで解決
エントリー内に動作用のスクリプトタグを追加し、無事に動作した。
実装については動作はこちらを参考にさせていただきました。（https://helog.jp/javascript/jquery-rwd-image-maps/）

htmlに直接コードが書かれている場合は、グローバル変数やIFを使った対応をします。それにより「スマフォの場合はマップを無効にする」という対応が可能です。（最初はそのようなご依頼でした）

しかし、エントリーに作成されたユニットは、個別に「スマフォの場合に表示する、しない」ということが基本できません。そのため、スマフォでも正しくクリッカブルマップが動作する形で対応しました。

投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。

a-blog cmsについてのご相談、ご依頼など。
頂いた内容については、3営業日以内の返信を心がけております。

他社作成のa-blog cms修正、コーディング済htmlへのa-blog cms導入もOK。
小さなことから、お気になさらずお気軽にご相談ください。

投稿がお役に立ちましたら、いいねをしていただけると嬉しいです。