画像ホスティングのようなマウスオーバー機能を任意の場所に設置して魅力的なページが作れます

画像ホスティングとは

画像ホスティングとはフューチャーショップの機能のひとつで、商品ページに商品の詳細画像を計40点まで登録ができ、登録した各詳細画像をマウスオーバーすることで画像が切り替わり拡大表示されます。アパレルショップ様などでよく見られる機能ですね。

画像ホスティングの詳しい情報はこちら

フューチャーショップ様の画像ホスティングサンプルページはこちら

画像ホスティングにも使われているマウスオーバーの機能を当ブログ内に設置してみます。

実際にマウスオーバー機能を設置

 

上記の各サムネイル画像(小さい画像)にマウスオーバー(スマホはタップ)していただくと拡大画像(大きい画像)が切り替わっているのがわかると思います。コンテンツページやブログの投稿にも実装することができるので、この機能を活かしてより視覚的に訴求ができるページを作る事ができます。

さらに応用すると・・

 

さらに応用すると画像が切り替わる時に上記のようなエフェクトをつけることもできます。サイトのイメージに合わせてこういったエフェクトをつけるのもおすすめです。

マウスオーバー機能を実装すれば・・

ブログ等で新商品を紹介する時や、商品画像以外にもコンテンツページでシーンごとの画像をまとめたりなど魅力的なページが作れそうですね。フューチャーショップの機能実装はかねひらイーシーパートナーズにお気軽にご相談ください。