画像表示のタグについて

質問

いい例が手元に無かったので以下のURLで失礼します。
ttp://www.vector.co.jp/soft/win95/art/se144188.html

最近たまに目にする画像表示の仕方について質問させてください。
上のページに行って頂けるとわかると思うのですが
"スクリーンショット（画像クリックで拡大）"という所のサムネイル画像をクリックすると
画面が薄暗くなり同一ページ上にサムネイルが大きくなった画像が表示されます。
最初はflashか何かかな、と思ったのですが右クリック等をしてみる限りそうでもなさそうですし
ソースを拝見させて頂いたのですがいまいちわかりません。
これはHTMLでできる技なのでしょうか？
それともjavascriptでしょうか？

どなたかご存知の方、教えていただけると助かります。
宜しくお願い致しますm(__)m

回答No.1

matsuki-_- · ベストアンサー

javaですね～。外部ファイルなのでソースをみてもわからないものです。
ソースを見ればわかると思いますが
イメージの<a>タグ内に
rel="lightbox"
てのがあると思います。これです。これが答えです。これは「Litebox」というスクリプトを使ってますね。
画像をクリックすると同一ウィンドウ内で背景をGrey outさせて画像を拡大表示させる、cssとJavaScriptを組み合わせたスクリプトです。

なので、ここで説明すると長いし大変なのでどうぞ、下記のURLで。
フリーソフトですので簡単ですよ☆
Liteboxのサイト
http://www.huddletogether.com/projects/lightbox2/
ここへ行ってLightboxv2.03.3をダウンロードして下さい。サンプルもあります。

あとの手順は、ものすごくわかりやすい説明サイトがあってわたしもこれを参考にしてたのでちょうどいいから紹介します。どうぞ。
Website designのサイト
http://humancic.blog111.fc2.com/blog-entry-38.html

お礼

早速のご回答有難う御座います！
なるほど、外部呼出しだったのですね…。
早速試してみます！
一緒に参照して頂いたURLも是非活用させて頂こうと思います。
丁寧なご回答本当に有難う御座いました(＾-＾)