• Webドクターに関するお問合せ・ご質問・ご相談は下記より。
  • お電話でのお問合せ0120-356-932
  • Webでのお問合せ

画像の一部だけを拡大表示して
動かすことができるスクリプト

ホームページ作成のアイル HOME > 様々なスクリプト活用 > 画像の一部だけを拡大表示させるスクリプト

画像の上にマウスを乗せた時やクリック時に、画像の一部を拡大させることができます。
EC・通販サイトなどでアパレルや小物雑貨などの商品の写真画像を一部拡大させて見せたい時や、自動車・バイクの販売サイトなどでエンジン周りやインパネ部分などを一部拡大させて見せたい時などに使えると思います。

実装デモ

画像の上にマウスを乗せると自動で画像が拡大

マウスを載せると拡大します

画像の上でクリックしながら拡大箇所を動かせます

クリックしながら拡大箇所を動かせます

画像クリックで拡大を制御できます

画像クリックで拡大を制御


スクリプトを活用すればホームページ作成に色んなアクセントを加えることができます!
他にもどんな活用方法があるかは下記より!

画像の一部だけを拡大表示させて動かせるスクリプト[jQuery]
他社には絶対に真似できないノウハウから業種別、業態別、戦略的なホームページ作成を支援する、それが『Webドクター』。売上を伸ばしたい。市場のニーズを把握したい。販路を拡大したい。新ビジネスを展開したい。ホームページ作成の『Webドクター』は、このようなことをお考えの方にお勧めのサービスです。『Webドクター』のホームページ作成を活用された事例もご紹介しております。また『Webドクターライト』『ECサイト制作』『LP制作パック』『FLASHサイト制作』などユーザーの声からご要望に応じて立ち上がったサービスもございます。中小企業に特化し、幅広い業種のノウハウを持っているアイルのHP作成だからこそ、結集したトータルサポートが可能です!
ページ上部へ