画像が拡大表示になるよ、というアピールで、マウスオーバーをズームアイコンにしましょう

lightboxや、thickboxを使ったときですが、サムネイル画像をクリックしたら画像が拡大するよ、
と、テキストで注釈をつけてあげないと、ユーザーは気づかないでスルーするかもしれませんよね。

マウスオーバーしたときに、ポインターマークになったとしても、
「あ、拡大表示するんだろうけど、別窓が出てきたらちょっと面倒だな」と、心のどこかで思ったりして、結局スルーしちゃったり。

そこで、

▼マウスあててみてください。

ズームアイコンが出ます。
ズームがでれば、慣れているwebユーザーであれば、lightbox系で開くんだ!とピンときますよね。
※↑このサンプルではクリックしても開きません・・・

a.thickbox:hover { cursor: url(zoomin.cur), pointer; }

画像は、ここ(zoomin.cur)においておきます。


マウスポインタまでカスタマイズしておいて、
ただの別窓で開くんだったら、ガッカリですけど(笑)

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.otogawa.com/cms/mt-tb.cgi/356
Listed below are links to weblogs that reference
画像が拡大表示になるよ、というアピールで、マウスオーバーをズームアイコンにしましょう from px*blog