Home > ナビゲーション > 商品画像の一部をズームできるショッピングサイト

• Newer
• Older

商品画像の一部をズームできるショッピングサイト

• 2008-10-07 (Tue) 13:25
• ナビゲーション
• 
• 

JavaScriptでこういう効果を実現するライブラリがありましたが、ショッピングサイトで実装されているのは初めて見たかも。なかなか良いですね。

↑ 商品画像の上でマウスオーバーすると右に拡大画像が。

LightBoxと同じぐらい普及してくればいいのになぁ、と個人的には思ったり。

実際に動作している様子は以下からどうぞ。

» Pretty Bitter – Stationery that pushes the envelope

■ 関連記事

• あらゆるページに拡大鏡を追加できる『Loupe.js』 | SiMPLE*SiMPLE
• 画像がズームしながら浮かび上がってくる特殊効果 | SiMPLE*SiMPLE
• 拡大鏡インターフェース | SiMPLE*SiMPLE

Twitterもやっています！

• Newer: 本文を選択すると検索ボックスに自動入力されるインターフェース
• Older: 現行機種との比較がわかりやすい「ニンテンドーDSi」サイトのインターフェース

Comments:0

Comment Form

Name (required)

Mail address (will not be published) (required)

URI

Remember personal info

Yes No

CommentYou can use some HTML tags for decorating.

Add Your Comment

Trackbacks:0

Trackback URL for this entry

http://www.simplexsimple.com/archives/2008/10/post_85.html/trackback

Listed below are links to weblogs that reference

商品画像の一部をズームできるショッピングサイト from SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳

Home > ナビゲーション > 商品画像の一部をズームできるショッピングサイト

ブログ内検索

Search SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳

百式ジョブボード（求人情報）

TwitterCounter

人気の記事

• メインの記事以外が最初は薄暗くなっているインターフェース
• 前のバージョンから何が変わったら一目でわかる機能比較表
• 「現在セキュアな通信をしています」と明示的に表示するインターフェース
• いまどきのWebサービスのフッター・・・
• コミック風のわかりやすいチュートリアル
• ドラッグ＆ドロップできるショッピングカート
• 「今日登録できるのはあと○人だけ」と表示して会員登録を促すインターフェース
• ちょっと笑えるエラーメッセージ
• ちゃんとメールを送りました、というエラーページ
• 穴埋め式のユーザー登録画面

Powered by …

『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.IDの「Webサービス図鑑」を応援中です！

人気の商品

楽ワード

モバイル版

最近の記事

• メインの記事以外が最初は薄暗くなっているインターフェース
• いまどきのWebサービスのフッター・・・
• コミック風のわかりやすいチュートリアル
• 前のバージョンから何が変わったら一目でわかる機能比較表
• 「現在セキュアな通信をしています」と明示的に表示するインターフェース
• 「今日登録できるのはあと○人だけ」と表示して会員登録を促すインターフェース
• ドラッグ＆ドロップできるショッピングカート
• 穴埋め式のユーザー登録画面
• ちょっと笑えるエラーメッセージ
• ちゃんとメールを送りました、というエラーページ

カテゴリー一覧

• FLASH (2)
• その他 (73)
• デザイン全般 (16)
• ナビゲーション (85)
• フォーム (6)
• ブログデザイン (16)
• マーケティング (5)
• 勉強会 (1)
• 検索 (2)
• 特殊効果 (17)

過去記事一覧

• June 2009 (2)
• April 2009 (2)
• March 2009 (2)
• February 2009 (5)
• January 2009 (6)
• December 2008 (7)
• November 2008 (6)
• October 2008 (9)
• September 2008 (19)
• August 2008 (7)
• July 2008 (1)
• May 2008 (2)
• April 2008 (1)
• March 2008 (1)
• February 2008 (3)
• January 2008 (4)
• December 2007 (2)
• November 2007 (7)
• October 2007 (6)
• September 2007 (1)
• August 2007 (6)
• July 2007 (5)
• June 2007 (2)
• May 2007 (16)
• April 2007 (2)
• March 2007 (12)
• February 2007 (21)
• January 2007 (16)
• December 2006 (17)
• November 2006 (24)
• October 2006 (3)
• September 2006 (6)