画像が拡大表示になるよ、というアピールで、マウスオーバーをズームアイコンにしましょう
- coding > css
- 2010.04.16 Fri 14:39
- permalink
lightboxや、thickboxを使ったときですが、サムネイル画像をクリックしたら画像が拡大するよ、
と、テキストで注釈をつけてあげないと、ユーザーは気づかないでスルーするかもしれませんよね。
マウスオーバーしたときに、ポインターマークになったとしても、
「あ、拡大表示するんだろうけど、別窓が出てきたらちょっと面倒だな」と、心のどこかで思ったりして、結局スルーしちゃったり。
そこで、
▼マウスあててみてください。
ズームアイコンが出ます。
ズームがでれば、慣れているwebユーザーであれば、lightbox系で開くんだ！とピンときますよね。
※↑このサンプルではクリックしても開きません・・・
画像は、ここ（zoomin.cur）においておきます。
マウスポインタまでカスタマイズしておいて、
ただの別窓で開くんだったら、ガッカリですけど（笑）
と、テキストで注釈をつけてあげないと、ユーザーは気づかないでスルーするかもしれませんよね。
マウスオーバーしたときに、ポインターマークになったとしても、
「あ、拡大表示するんだろうけど、別窓が出てきたらちょっと面倒だな」と、心のどこかで思ったりして、結局スルーしちゃったり。
そこで、
▼マウスあててみてください。
ズームアイコンが出ます。
ズームがでれば、慣れているwebユーザーであれば、lightbox系で開くんだ！とピンときますよね。
※↑このサンプルではクリックしても開きません・・・
a.thickbox:hover {
cursor: url(zoomin.cur), pointer;
}
画像は、ここ（zoomin.cur）においておきます。
マウスポインタまでカスタマイズしておいて、
ただの別窓で開くんだったら、ガッカリですけど（笑）
登録
RSSリーダーで購読する
Comments
<a href="http://365canadianpharmacy.com/?p=22">how much does ceftin cost</a>
a1syaaqqa
<a href="http://generic-canada.in/?p=69">fight major depression</a>
a1syaaqqa