• ベストアンサー

Blogの写真掲載方法について

ページの最後に画像のサムネイルがあり、 画像をクリックすると画面全体に薄いアミがかかり 画像が拡大表示されます。 http://life-with-dog.com/blog/log/eid280.html#sequel 他のサイトでも同じような感じのものを見たことがあるのですが、 このような表現方法はFlashを使っているのでしょうか？ もしかしてテンプレートがあるのですか？ どなたか知ってらっしゃる方がいたら是非教えてください！！ ホームページは初歩ながら自力でなんとか運営しています。 これからBlogを始めたいと思っていますが、 できればMovable TypeかSerene Bachを使って 思い通りのBlogを作ってみたいと考えております。 敷居は高そうですが… よろしくお願いいたします。

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

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

ソース見たらわかりますが、Lightbox JSを使ってます。 http://www.huddletogether.com/projects/lightbox/ 設置方法などは「Lightbox JS」で検索すれば、日本語で解説されてる記事がいろいろ出てきますので、調べてみてください。

kooomugi
質問者

お礼

ありがとうございます！！ 見つかって、とても助かりました。 ソースの見かたも『つたない』初心者なのです… 気がつきませんでした。情けない。。。

その他の回答 (1)

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

cssとjavascriptの組み合わせじゃない？ 画面の最上面になるように非表示でbox(通常divが使われる)を用意しておいてクリックされたらjavascriptから可視になる、という仕掛け

kooomugi
質問者

お礼

早々のご回答ありがとうございました！ おかげさまで『Lightbox』の使用で一件落着しましたが、 SAYKAさんに回答いただいた仕組みにてさらに理解しやすくなりました、ありがとうございました。

  1. カテゴリ
  2. インターネット・Webサービス
  3. SNS・掲示板・ブログ
  4. ブログ

関連するQ&A

  • ブログのSBとMTについて

    ブログについての質問です。 SBといわれる「Serene Bach」と、 MTといわれる「Movable Type」では、 どちらが一般的なのでしょうか？ (インターネット業界では） 合わせて、 ・どちらがカスタマイズしやすいか (テンプレート、プラグインなどなど、、、) ・http://sample17.jugem.cc/のようなテンプレートを作りたいんですが、 どちらでも可能か？ 全般的にどちらが使いやすいか、メリット、デメリット等を教えていただければと思います！ よろしくお願いします！

  • ブログでの著作権表示は何を指すのでしょうか

    自分のBlogにSerene Bachを使っています。このBlogで使わせていただいているテンプレートだと一番下に以下の記述が入っています。 Copyright © 2004 SimpleBoxes. All Rights Reserved. SimpleBoxesはSerene Bachの開発元です。何の疑問も持たずにそのまま使っていたのですが、Serene Bachを使っている他の方のBlogを見るとこの部分に御自分、つまりBlogを書いている人のハンドルなどを入れて文章の著作権表示に使ってる方もいらっしゃいます。 さてBlogに著作権表示をしている場合、それは以下のいずれのことを指すのが普通なのでしょうか？ １　Blogのソフトウェアの開発元 ２　テンプレートの制作者 ３　Blogの執筆者 また１，２，３が全て異なる場合、３の執筆者が自分のハンドルなどを表示して"All Rights Reserved"とするのは問題はないのでしょうか？ 御意見をお願いいたします。

  • ブログの写真を横並びに掲載したい

    FC2のブログを利用しているのですが、教えてください！！ 画像を横並びに表示したくて、公式マニュアルhttp://fc2blogmanual.blog60.fc2.com/blog-entry-17.html　で解決法を読んで、試してるのですが、私のブログでは自動改行オンになっているにも関わらず<br　clear=”all”>が表示されず 削除のしようがなく、どうしていいのか途方にくれています。 「★使用しているテンプレートのスタイルシートによっては、そちらのスタイル指定が優先され、画像が横並びにならないことがあります。」 と書かれてあるので、他のテンプレートを使用しても同じく<br　clear=”all”>が表示されず、できませんでした。 どなたか教えてくださいませ！！！

  • ブログ：最新記事から飛ぶと、「続きを見る」の中身が見えてしまうので困っています

    Serene Bachを使用し、サーバ(sakura)にブログを設置しました。 テンプレートは、テンプレート配布サイトから貰って改変をしています。 そこで悩んでいるのですが、最新記事(エントリー)をクリックして記事に飛ぶと、「続きを見る」を クリックしなくても、書いてある中身が表示された状態で表示されてしまいます。 また、 カテゴリ　→　タイトル一覧表示　→　記事 となるように改変したのですが、そこでも同様のことが起こります。 アーカイブ全体が一覧になってしまうのは困るので、指定したカテゴリだけに 一覧表示させたテンプレートを読み込ませるようにしました。 その際に改変したテンプレートにも　<div class="entry_more">{entry_sequel}</div> という一文は入れたのですが…。 上記の２つどちらも、通常の状態からだと「続きを読む」はきちんと表示されています。 ねたばれ、などでワンクッション置きたいのに、見えてしまっては 閲覧者に嫌な思いをさせてしまうのでは？と不安です。 ためしにほかのブログも何点か見てみたのですが、やはり最新記事から飛ぶと、 中身が見えてしまうブログしか見当たりませんでした。 もしかして、そういうふうに改変する手段はないのでしょうか？ 改変方法をご存知の方、どうぞよろしくお願い致します。

  • Dreamweaverでブログ編集

    Movable TypeのテンプレートをDreamweaverで編集 するという記事を見たことがあるんですが、 gooブログやアメブロのようなレンタルブログのテンプレートを Dreamweaverで編集することはできないのでしょうか？ レンタルブログの配置や背景、トップ画像をちょこちょこっといじってみる程度の編集です

  • ブログのテンプレートの作成方法

    最近ブログはじめました。 ブログのテンプレートを自分で作るようなソフトはフリーでありますか？ ttp://tettyanblog.blog60.fc2.com/ ぬるぽ伝説様 のような自分のサイト専用の画像の作り方もおしえてください。

  • goo ブログ　サムネイルの画像を拡大表示。横の写真は拡大できるけど、縦は無理です。なぜでしょうか？

    goo ブログを使用しています。 サムネイルの画像をクリックすると、別ウィンドウが開いて拡大画像が 表れる方法がありますよね。 そのやり方の基本はマスターしています。 ただ、縦の写真の場合にのみ、拡大画像がサムネイルと同じ大きさで、 拡大されていません。 （試しに、縦の写真を横に回転させて保存し、それをブログの画像ファイルにアップロードしてみたら） 横の写真の拡大が表れました。だから、横の写真だと大きく表示できるみたいです。 私がブログにアップしてる写真のサイズはこんな感じです。 ●画像が横の場合 ブログのサムネイル（W480×H330)　→　拡大（W800×H560)・・・きちんと表示されます ●画像が縦の場合（W480×H680)　→　拡大（W800×H1100)・・・拡大されていません(T_T) もしかして縦の幅が長すぎるのでしょうか？ 試しに（W600×H850)でアップロードしてみましたが、駄目でした。 何が問題なのでしょうか。よろしくお願い致します。

  • XML、CSS、PHP等を使って統一感のあるイラストサイトを作りたい

    XML、CSS、PHPを使って統一感のあるイラストサイトを作りたいと考えています。 一応、HP制作経験はあり、10年程前（スタイルシート登場前）に ホームページビルダーでペット紹介のHPを見様見真似で作っていました。 その時は統一感がなく見栄えの悪いダサいHPだったので、 今度は統一感のある見易いHPを作りたいと考えています。 目標とするサイトは以下のような感じです。 http://illustramble.skr.jp/ http://q-orbit.jp/　　　 目標は以下の3点です。 ・統一感のあるデザインにすること ・日記はレンタルブログではなく、自分で動かすこと ・後者のサイトのように、サムネイル画像から飛んでコメントが書けるページに行けること 当方の技術は、 ・CSS・最近の技術は全くわかっていない ・ホームページビルダーでテンプレートから画像の差し替え、文字色の変更程度はできる ・Photoshopで自作アイコンやバナーを作ることはできる といった程度です。 例に挙げたサイトの下のほうを見てみると、 Movable Type vicuna CMS - MT Template 、Serene Bach といったことが書かれてあったのですが、これらの技術に関する知識は皆無で こういうものを使っているということは想像できたのですが、 どうやってとりかかって良いのかさっぱり分かりません。 おそらく、XML、CSS、PHPというものかなあと思うのですが、 時代に乗り遅れてさっぱりです。 レンタルブログではなく、自サーバーでのブログにこだわっているのは、 以前（今も）ブログでイラストを掲載しているのですが、 メンテナンスやいろいろ制限が多かったので、乗り換えたいと思ったからです。 また、いろいろなイラストサイトを見ると、そのほとんどが自サーバーでのブログでの 日記が多かったからというのも理由のひとつです。 それから、こちらの不安要素として、niftyサーバーというのがあります。 10年前に作ったniftyのHPがまた生きていて、そこをリニューアルしようと思っているのですが、 niftyにはCGI・PHPの制限があったと記憶しています。 Movable Type 4.1 vicuna CMS - MT Template 、Serene Bachは niftyでは使えないのではないかと心配です。 このようなHPを作成するのに、指針となる講座（ネットの）やTips、書籍情報を 教えていただけませんでしょうか。 また、niftyの対応問題についても教えてください。 お盆休みにHP作りに挑戦したいと思っています。もちろん、一朝一夕には完成させられないとは 重々承知しています。よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • 数日前に見たブログを探しています

    同じテンプレートを使いたくて、 数日前に見たブログを探しています。 外出先で見たので、履歴には残っていないのです。。 2カラムか3カラムで、右上にメニューがあり ギャラリーを選択するとメニューの下にボックスが出て ボックスの中に画像のサムネイルが沢山並ぶものでした。 サムネイルは一度に9枚ずつくらい表示され、 << や >>で前後の9枚に移動できました。 FC2のブログだったと思います。 「じゅげむ」という単語もブログ内で見たような気がします。 似たようなテンプレートあるよというのでも嬉しいです。 どなたか心当たりのあるかたお願いします＞＜

  • FC2ブログ　サムネイル画像

    Google・Yahoo等で画像検索をすると、サムネイル表示で検索結果が出ます。 その後サムネイル画像をクリックすると、「FC2 BLOG このページの表示は許可されてません」と表示されます。 拡大画像は表示しない仕組みになっているのでしょうか？ 何か設定があるのかよくわかりません。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する