いつもお世話になっております。
現在、商品詳細ページにて「マウスオーバーで画像を拡大」にチェックを
していると、画像が拡大されるものの、500pixels分か、やや大きく
表示されるだけなのですが、もっと大きく拡大表示させることは
できませんでしょうか？
要素は「zoomLens」で管理しているものと推測しておりますが、
自分で数値を打ち込んでも、思ったように拡大表示ができませんでしたので、
ご教示いただけますと幸いです。
恐れ入りますが、何卒よろしくお願い致します。
以上、よろしくお願い致します。
「拡大表示」とのことですが、拡大させる箇所をより大きく（フォーカス）させることでしょうか？または、拡大画像が表示されている領域（商品メイン画像の右側に表示される拡大画像）を大きくするという内容でしょうか？
拡大箇所を大きくさせる場合、こちらはプログラムにて拡大表示しているものとなりますので、解像度の高い商品画像を登録頂ければ、よりフォーカスされた拡大画像を表示されることができます。
次に、拡大画像の表示サイズを大きくさせる場合、以下のスタイルを追加いただく事で大きくすることができます。
<style>
.zoomWindow {
width: [サイズ]!important;
height: [サイズ]!important;
}
</style>
お問い合わせ内容と上記回答が異なる場合は、お手数ですが、具体例なども踏まえ再度お問合せ下さい。
早速のご回答、誠にありがとうございます。
また、言葉足らずで申し訳ございません。
拡大画像の表示サイズ（描画エリア）を増やすことではなく、
拡大率を上げたいという意味でございます。
Amazonのように、商品ページの画像にカーソルがあたると、
その部位を中心に、300％程度拡大された画像が見られると
ありがたいです。
スタイルの表記を変えることで拡大率を変更できたら
ありがたいのですが、解像度の高い画像を使って拡大させるしか
対応はできないものでしょうか？
恐れ入りますが、よろしくお願い致します。
拡大率については、マウスホイールにて変更することができます。
マウスポインタを置いた後の拡大率については、前回のご案内の通り解像度が高い画像に入れ替えて頂く必要がございますが、同じ画像でもマウスホイールでの拡大率の変更は可能です。
尚、拡大画像については、プログラムにて表示させているものとなりますので、表示サイズ等は前回の様にスタイルにて変更できますが、拡大率などはできかねますので予めご了承下さい。
お世話になっております。
拡大率の挙動について、ご教示ありがとうございます。
それでは、はじめに大きめの画像を用意する形で
対応しようと考えます。
以上、よろしくお願い致します。