質問

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

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

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

通報する

回答 (3件)

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

この回答へのお礼

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

HTMLとJavascriptです。

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

この回答へのお礼

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

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

この回答へのお礼

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

このQ&Aは役に立ちましたか?0 件

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

新しく質問する

このQ&Aを見た人が検索しているワード


新しく質問する

このカテゴリの人気Q&Aランキング

毎日見よう!教えて!gooトゥディ

べんりQ&A特集