- 2009-02-20 (金) 14:04
- JavaScript
画像拡大表示としは、LightBoxが有名ですが、自分はギャラリーの時はいいかなと思うけど、ちょっとしたサムネイルの拡大表示はもっとサクッと表示してほしいと思っていて、それでおススメなのがこのPopBox。
サムネイル画像にオンマウスでカーソルがルーペになりわかりやす！
似たようなモノに、・Highslide.jsや・FancyZoon.jsがあるけど、非営利は無料だけど、商用サイトだと有料になるから使いづらい。
このPopBoxはフリーと書いてあったので、おそらく無料。自分はこれつかっていこ。
詳しくは、アークウェブさんのPopBoxの使い方にのってるので参照してください。
■追記：いやポップアップ系はまだまだ使いやすいのいっぱいある。jQuery系もいくつかあるし。今度別の記事で投稿しよ。
■Javascript初心者の方の参考書です。一覧はこちら
Popularity: 89% [?]
関連記事
タグ: JavaScript, 画像拡大
Comments:5
- salsa 09-02-21 (土) 0:40
-
こちらではこんばんはー。
Popupには、私はHighslide.jsを使っているのですが、LightBoxよりは動作が遅くないのが気に入っています。あと、拡大する際にまわりがブラックアウトするの、あまり好きじゃないんですよねえ。自分は何が起こっているかわかりますけど、あまりPCに慣れない方だと戻り方とかわからなくて閉じちゃう気がして。（そのときは×マークとかは見えないのね、おそらく）
- delivermilk 09-02-21 (土) 1:32
-
salsaさん
コメントありがとうございます。
FancyZoom.jsは使ったことあるんですが、Highslide.jsいいすよね、オンマウスでルーペ表示になるのがわかりやすいし自分も使ってみたいなーと思ってました。LightBoxでの表示はその通りで、どっかのユーザビリティーを研究してる記事で、一般ユーザーはブラックアウトしたと同時に×マークで閉じちゃうとかしちゃうらしいです。やっぱりあまり好かれてないようですね。
もちょっとスパッと表示してくれればいいんすけどね。 - tetsu 09-04-23 (木) 17:08
-
PopBoxを使用して困った点があります。
IE8だと、一度は拡大・縮小するのですが、2度目の画像クリックからは無反応となります。ネットで色々と調べたのですが、どうやら原因は、PopBox.jsの中のevert関数で利用されているoriginalClassNameが IE8 で定義されていない（そもそも JavaScript 標準で定義されていないかもしれません）ことと、オリジナルのイベントに戻すことができないことと思われます。
私はJavascriptに疎く、どこをどう修正したらよいかが分かりません。
かと言って、「IE7で閲覧してください。」などとは言えないし・・・。よろしかったら、アドバイスを頂けませんか？
- sakasho 09-05-11 (月) 11:24
-
538行目の
elem.style.zIndex = null;
をコメントアウトすると動きます。 - tetsu 09-05-19 (火) 10:01
-
sakasho様
貴重なアドバイスを頂き、ありがとうございました！
早速、試してみます。
Trackbacks:0
- Trackback URL for this entry
- http://www.web-milk.com/articles/javascript/javascript%e7%94%bb%e5%83%8f%e6%8b%a1%e5%a4%a7%e3%81%afpopbox%e3%81%8c%e3%81%8a%e3%81%99%e3%81%99%e3%82%81.html/trackback
- Listed below are links to weblogs that reference
- [Javascript]画像拡大はPopBoxがおすすめ from Webmilk
