スマホ対応　マップタグについて

Question

お世話になっております。FTPを使用してPCスマホ共通でマップリンクのついたカタログを掲載しようと実施中です。しかし、スマホで動作確認するとリンクズレが生じています。スマホの画像をwidth="100%"にしているからずれてしまっているのだと思いますがどの様に解決すればいいのでしょうか。ネットで調べてやってみても上手くできず困っています。よろしくお願いします。http://www.takasago-mejya.net/2017dm/1p.html

Answer

ECマスターズの田中です。＞FTPを使用してPCスマホ共通でマップリンクのついたカタログを掲載しようと実施中です。＞しかし、スマホで動作確認するとリンクズレが生じています。＞スマホの画像をwidth="100%"にしているからずれてしまっているのだと思いますが＞どの様に解決すればいいのでしょうか。「jQuery RWD Image Maps」というjQueryプラグインをご利用いただくことで、画像サイズの変更に合わせて、マップの座標を自動調整できます。http://ozpa-h4.com/2015/10/29/jquery-rwd-image-maps/使い方は一般的なjQueryプラグインと同様ですが、念のためご説明いたします。最初に、画像ファイル本来の大きさに合わせてタグを作成してください。次に、表示する大きさを、スタイルシートでご設定ください。たとえば、

といった形でも結構です。最後に、下記、３つの= この上の行まで ====================※先頭２つの

Answer

ご返信ありがとうございます。ご教授いただいた通りやってみましたが、画像が横100％になりません。なぜでしょうか。※ちなみに楽天ではなく自社サイトで作成しています。（ショップサーブ）教えていただいたサイト内に＞まずはstowball/jQuery-rwdImageMapsからjsファイルをDL。適宜アップロードします。とありますがこのファイルをFＴＰのどこにアップロードすればよかったのでしょうか。初歩的なことで申し訳ないです。

Answer

ECマスターズの田中です。＞ご教授いただいた通りやってみましたが、画像が横100％になりません。＞なぜでしょうか。1p.htmlのソースを確認したところ、= この下の行から ===================== この上の行まで ====================このように、タグを囲むだけの

Answer

出来ました！ありがとうございます！！

スマホ対応 マップタグについて

カテゴリーから探す

スマホ対応　マップタグについて