• ベストアンサー

abrobのブログのポップアップする画像はどうなっているんですか

http://www.absorbweb.com/blog/ absorbというグループがありますが、そこのブログに画像をクリックすると画像がポップアップして、画像のサイズが変わりますが、これはどのような処理がされているんでしょうか?これはブログの機能であるんでしょうか?このようなポップアップするような機能を使ってみたいと思っています。

質問者が選んだベストアンサー

  • ベストアンサー
  • o84
  • ベストアンサー率31% (128/407)
回答No.2

説明が足りませんでした。 しかも、私が載せたリンク先は、lightboxを改造する内容でした。 あいすみません。 ご質問のブログには、headの中に以下のタグがあるのがミソ。 「lightbox.css」という公開されたスクリプトを使っています。 これは、このファイル丸ごとを(名前とか内容とか変えずに) あなたのサイトにアップロードすれば、利用できます。 <link rel="stylesheet" href="http://www.absorbweb.com/script/lightbox2/css/lightbox.css" type="text/css" media="screen" /> あとは、画像につける<a>タグに、「rel="lightbox"」を書くだけ。 <a href="sample.jpg" rel="lightbox"><img alt="sample.jpg" src="sample-thumb.JPG" /></a> という風に。

mellow91
質問者

お礼

おぉ、こんなようにやっているんですか。理解できました。ありがとうございました!

その他の回答 (2)

  • Muller3
  • ベストアンサー率81% (800/979)
回答No.3

ソースからすると、Lightbox2を使っているようです。 「Lightbox2」 http://www.huddletogether.com/projects/lightbox2/ 「How to use」 http://www.huddletogether.com/projects/lightbox2/#how サーバーインストール型のブログを使っているなら導入は簡単な話ですが、もしどこかのブログサービスをお使いなら、Javascriptファイル(.js)・スタイルシートファイル(.css)・その他画像ファイルをアップすることができ、かつhead部分を編集できる、というのが条件になります。 ブログにアップできるファイルが「画像(拡張子.jpg.gif.png)のみ」などの規制があると使えないので、お使いのブログの設定を確認してみては。 ※どうやらFC2ブログでは使えるみたいです。

mellow91
質問者

お礼

おぉ、こんなようにやっているんですか。理解できました。ありがとうございました!

  • o84
  • ベストアンサー率31% (128/407)
回答No.1

関連するQ&A