- ベストアンサー
abrobのブログのポップアップする画像はどうなっているんですか
http://www.absorbweb.com/blog/ absorbというグループがありますが、そこのブログに画像をクリックすると画像がポップアップして、画像のサイズが変わりますが、これはどのような処理がされているんでしょうか?これはブログの機能であるんでしょうか?このようなポップアップするような機能を使ってみたいと思っています。
- mellow91
- お礼率31% (1506/4719)
- ブログ
- 回答数3
- ありがとう数4
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
説明が足りませんでした。 しかも、私が載せたリンク先は、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> という風に。
その他の回答 (2)
- Muller3
- ベストアンサー率81% (800/979)
ソースからすると、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ブログでは使えるみたいです。
お礼
おぉ、こんなようにやっているんですか。理解できました。ありがとうございました!
- o84
- ベストアンサー率31% (128/407)
関連するQ&A
- ブログの画像、ポップアップについて
ブログで画像を入れる際ポップアップを有効にするメリットって何かありますか? 元の画像サイズが大きいとポップアップされても見づらい画像が出てくるだけだと思うのですが、周りの人は「画像を入れる際はポップアップは有効にしないと!」と言ってきます。理由を聞いても「そういうものだから」と的を得ない答えで納得できません。みなさんはどう思いますか?
- ベストアンサー
- ブログ
- FC2 クリックポップアップ画像の方法について
http://rgrg.blog61.fc2.com/blog-entry-593.html 画像をクリックすると、そのページ上で画像が大きく表示されるJavaスクリプトツール を上記サイトのとおりやってみましたがポップアップがされません。画像サイズは480X360で、これをクリックすると元画像サイズの640X480をポップアップさせたいのです。 テンプレートは「lightframe_white」にしていますが、ダウンロードし直しても、また他のテンプレートにしてもやはりできません。 <script type="text/javascript"><!-- : : <link rel="index" href="<%url>archives.html" title="サイトマップ" /> ポップアップのスクリプトの上にはデフォルトで上記の記載がありますが、この中に改変しなくてはならない行があるのでしょうか? ご教示の程よろしくお願いします。
- ベストアンサー
- ブログ
- 最近ブログなどで画像をクリックすると
ブログ内のサムネイル画像をクリックすると、ページ移動せずに、 そのサイトないにおいてポップアップといいますか、スムーズにその画像のみが表示されるサイトを良く見かけますが、どの様に設定するのでしょか? さんこうURL: http://ub.blog85.fc2.com/ 等の画像をクリックした場合の表示方法です。 是非、ご教授くださいますようお願い申し上げます。
- 締切済み
- ブログ
- Firefox4左下のURLポップアップを消したい
FireFox 4 から出るようになった 左下のURLのポップアップを消したいです http://doheny.blog137.fc2.com/blog-entry-88.html ↑の方法を試しましたが 消えませんでした どうすれば消えますか?
- ベストアンサー
- その他(インターネット・Webサービス)
- オンマウスでポップアップ、位置をブラウザに合わせる
質問失礼します。 テキストや画像にオンマウスしたとき、 詳細をポップアップで表示たいと考えています。 その際、ポップアップした内容をブラウザに合わせて表示させたいのですが、 ブラウザへの合わせ方を見つけることができません。 (オンマウスする画像の位置から指定したり、 ポップアップウィンドウとかはわかったのですが…) ポップアップのデザインは、下記のサイトを参照にしています。 http://rgrg.blog61.fc2.com/blog-entry-594.html ご存じの方いらっしゃいましたら、ご教授お願い致します。
- 締切済み
- CSS
- JavaScriptで画像サイズと合ったポップアップウィンドウを開く
いつもお世話になっています。 題名のとおりですが、サムネイルをクリック→オリジナル画像を画像サイズでポップアップしたいと考えています。 画像の数も多く、サイズもバラバラのため、window.openで一つ一つサイズ指定するのは大変だな~と考えていたところ、 http://creazy.net/2006/12/javascript.html にて、すばらしい方法を紹介していました。 早速、上記をテストしてみたのですが、2点気になる部分があります。 ・IE7にてポップアップ画像が画面一杯に表示されてしまう。 ・firefoxだとポップアップウィンドウの表示に問題はないが、読み込みが終わらない。 この改善策はあるのでしょうか? ポップアップウィンドウが画像サイズで開けば、まったく別の方法でも構いません。 宜しくお願いします。
- ベストアンサー
- JavaScript
- ブログにアップする画像について
画像をリサイズしてブログにアップするのは変ですか? 私はYAHOO!ブログを利用していて、コンパクトデジカメで400万画素(2304×1728)か200万画素(1920×1080)で撮影した画像をリサイズするソフト(RalphaMini)で400万画素を128万8800画素(1280×960)、200万画素を92万1600画素(1280×720)にしてブログにアップしています。 撮影する画素数を変える理由は横:縦比が400万画素が「4:3」で200万画素が「16:9」なので必要に応じて使い分けています。 画像をリサイズしてブログにアップする理由はYAHOO!ブログが1回にアップできる画像が「30MBまで」というのと、1つのブログにアップできる画像の容量が「10GBまで」となっているので「画像がそれなりに綺麗に見れてブログにアップしやすいサイズ」というのと「大きいサイズより小さいサイズの方が多くアップできる」という判断でリサイズしてアップしています。 しかし、知人にそのことを言うと「手間がかかる」というのと「画素数がの大きいほうが綺麗に見れる」という理由で「リサイズしなくてもいい」と言われました。
- ベストアンサー
- ブログ
- きれいな画像をブログにアップするにはどうすればいいのですか?。
きれいな画像をブログにアップするにはどうすればいいのですか?。 Gooアドバンスを利用しています。 私のデジカメは、最少のサイズでも640 x 480です。標準画(NORMAL)ではなく高精画(FINE)で撮っています。 それをブログにアップする際に、480 X 320に縮小するのですが、雑な画像になります。 どうすれば、きれいな画像を480 X 320のサイズでアップできるのでしょうか?、教えてください。
- ベストアンサー
- ブログ
- 画像をクリックして拡大のポップアップについて
http://moneytreesystems.com/css/picpopup.htmlというサイトにて紹介されていた『画像に触れるとポップアップで拡大されて表示される』という方法が大変画期的だと思い試してみたのですが、これだとスタイルシートで指定する拡大表示画像のサイズは決められたものにしかなりません。 CSSで画像をそれぞれのサイズにあわせて拡大表示するような方法はないものでしょうか
- ベストアンサー
- その他(インターネット・Webサービス)
お礼
おぉ、こんなようにやっているんですか。理解できました。ありがとうございました!