- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:画像表示のタグについて)
画像表示のタグについて
このQ&Aのポイント
- 最近たまに目にする画像表示の仕方について質問させてください。
- サムネイル画像をクリックすると、画面が薄暗くなり同一ページ上にサムネイルが大きくなった画像が表示されます。
- これはHTMLでできる技なのでしょうか?それともjavascriptでしょうか?
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
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も是非活用させて頂こうと思います。 丁寧なご回答本当に有難う御座いました(^-^)