あるwebサイト上の画像表示についての仕組みがわかりません。

質問

初めて質問させてもらいます。
zerowebと申します。
宜しくお願い致します。

http://www.web-mihon.com/
上記のURLのTOPページのすぐ下部分に、
「おすすめ画像の紹介」という箇所があると思います。
その部分に小さな画像が羅列されて表示してあると思うのですが、その画像をクリックすると通常とは違った方法で大きく表示されます。
通常ですと、別ブラウザで表示されると思うのですが、
この場合、同じブラウザでそして何より凄いのは大きくなった画像のまわりが黒色になることです。
これは、どのような技術でやってあるのか教えて頂けたら幸いです。

わかりずらい説明かと思いますが、
宜しくお願い致します。

回答No.3

yyr446 · ベストアンサー

ご提示のページは、
jQueryというライブラリーを利用した「ThickBox」
というプラグインです。
http://jquery.com/demo/thickbox/
からダウンロードできます。使い方もドキュメントを読めば
わかると思います。解らなければ、いきなりライブラリーを
つかわず、地道にjavascriptを学習して自分で作成してみましょう。
似たようなライブラリーとして、
ライトボックス
http://www.huddletogether.com/projects/lightbox2/
シャドウボックス
http://www.shadowbox-js.com/index.html
等が御三家（勝手に御三家にしてしまった）。

お礼

詳しくご説明して頂き、ありがとうございます。
とても参考になりました。
いろいろとやってみます。
今後とも、宜しくお願いします！！

回答No.2

taporu

HTMLとJavascriptです。

周りの黒色の部分は、半透明化PNGを上からのせれば簡単にできます。

お礼

回答して頂き、ありがとうございます。
PNGでやるんですね！！
やってみます。
今後とも、宜しくお願いします。

回答No.1

JavaJavax2

＞どのような技術
スクリプトのようですね。結構今流行のやつです。

お礼

回答して頂き、ありがとうございます。
やはり、この技術今流行だったんですかー。
以前からやってみたかったのですが、名前すらわからなくて困ってました。
ありがとうございます。
今後とも、宜しくお願いします！！