- ベストアンサー
画像をクリックしてカッコよく表示する方法
- お友達の雑貨屋さんのWEBサイト制作を頼まれた、なんちゃってデザイナーです。画像をクリックするとカッコよく表示する方法を教えてください。
- WEB制作は７年くらいブランクがありますが、最近の方法について教えていただけると助かります。
- http://www.1101.com/books/donabe-cooking/index.html というサイトを参考にしていますが、どのファイルを使えばいいかわからず困っています。
- unetty
- お礼率33% (1/3)
- JavaScript
- 回答数2
- ありがとう数7
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞クリックするとカッコよく表示されるようにしたい 何がカッコよいかは人それぞれですが… ご提示のサイトでは、mootoolsというjavascriptのライブラリをベースにしていろいろな効果を与えているようです。 ソースをご覧になればわかると思いますが、slimbox.jsとかmediabox.jsなどなどを利用しています。 http://blog.livedoor.jp/cie/archives/50629870.html http://www.digitalia.be/software/slimbox2 http://coliss.com/articles/build-websites/operation/javascript/373.html http://iaian7.com/webcode/Mediabox mootoolsと同様のものに、prototypeやjqueryなどがあり、それらを元に同様の効果のものも多数開発されています。 http://www.prototypejs.org/ http://jquery.com/ 画像表示のプラグインではLightboxが有名らしいですが、それに類似するものも多種多様に作られています。 それらの紹介サイトも沢山ありますので、まずはそのあたりを探してみて、気に入ったもの（使いやすそうなもの/わかりやすそうなもの）を使ってみるのがよろしいかも。 ＜一例＞ http://www.goodpic.com/mt/archives2/2007/03/lightboxjs.html http://blog.open-arms.biz/200803/26373.php http://gihyo.jp/design/serial/01/jquery-plugin/0002 英語がわかるなら（私は苦手）オリジナルのサイトで、そうでない場合は日本語で解説しているサイトも結構ありますのでそれも参照しながら手がかりにするのもよいでしょう。 （プラグイン名でぐぐればそれなりに見つかると思います。）
その他の回答 (1)
- steel_gray
- ベストアンサー率66% (1052/1578)
Lightboxの亜種を使ってるみたいですね。 Lightboxは結構有名で導入方法の解説なども豊富です。 http://www.google.co.jp/search?q=Lightbox&hl=ja
