• ベストアンサー

背景を暗くして、画像を表示させる方法

下記のサイトのように、画像をクリックすると 画面全体が黒の半透明になり、画面中央に画像を表示させる方法をさがしています。 http://www.cbc-net.com/article/archives/004297.php どなたか、お分かりになる方いらっしゃいましたら 教えて頂けないでしょうか?

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

  • ベストアンサー
回答No.2

面白いJavaScriptですね。 クリックすると、全体に半透明(黒)のpngをかぶせて、その上に表示させているのだと思います。 ソースを見たところ、下記URLで配布されているスクリプトですね。 http://www.huddletogether.com/projects/lightbox2/ 英語ですが、設置法等も書いてありますね。 参考まで。

eanak---
質問者

お礼

>taketan_mydns_jpさん 御回答どうもありがとうございます。 教えて頂いたサイトで確認してみます。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • Willyt
  • ベストアンサー率25% (2858/11131)
回答No.1

私がノートでやっている方法を紹介します。  まずデジカメで殆ど真っ暗に近いところを撮影します。これを背景に使います。そしてファイラーやエディターの背景も黒か濃紺を選び、文字を白にします。これで大幅に省電力が実現できますよね。

eanak---
質問者

お礼

>Willytさん 御回答どうもありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ホームページで、クリックすると画面全体が黒くなって画像を表示させる方法

    ホームページで、例えば小さい画像をクリックすると 画面全体が黒くなり、中央に詳細の画像が表示される手法が最近多く見られます。 ◇http://www.meitetsumza.com/b1f/ ※中央付近の「フロアマップを拡大」をクリックします 上記の手法の名称がわからず、ぐだぐだな説明になってしまいましたが 是非知りたいのでよろしくお願いします。

    • ベストアンサー
    • Java
  • サムネイル画像と表示される画像が違う

    掲示板などにたまに張られているサムネイル画像をクリックすると全く違う画像が表示される事があります。 あれはどうやって作成するのでしょうか? 検索してみると下記のサイトが見つかりましたが、全く同じようにやっても出来ませんでした。 http://pixiv.cc/idsuru/archives/51859022.html ご存知の方いらっしゃいましたらご教示ください。 よろしくお願いします。

  • 画像の別ウィンドウの開き方

    お世話になります。 以下のサイトの画像をクリックした際に開くような やり方はどのようにするのでしょうか? http://www.ny-mix.com/archives/6403 同一ウィンドウ内に全体がグレー調になって いるやり方で、最近よく見かけるようになりました。 以上よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HPでの画像の表示方法について

    HPの画像表示についてご教授ください。 最近、下記に記載させていただいた、参考サイトのように 画像をクリックすると背景が薄く暗くなり、画像が前面に開くような 表示をするサイトが増えてきています。 最初はFlashで作成しているのかな?と思っていたのですが、どうやら違うようです。 このような画像の表示のさせかたをするにはどのように実現するればよろしいのでしょうか?(CSS?、JavaScript?) ご存じの方がいらっしゃいましたら、ご教授お願いいたします。 --「参考URL」------- http://www.tbs.co.jp/rookies08/gallery/ http://www.dreamofficial.com/news/detail.php?id=1210862632 --------------------

  • 画像の表示方法について

    こんにちわ、画像の表示方法についての質問です。 下記のサイト様で使っているような画像の表示方法、画像をクリックしたら現在のページの明度が落ちて拡大画像がページ上にカブって表示される、を自分のサイトでもやりたいと考えているのですが、どういう風にすればできるのでしょうか? 具体的にやり方を紹介しているサイトなどがありましたらお教えいただけると助かります。 http://iinamotto.com/plamo_gallery/german3/op185.html

  • 背景画像を画面の幅100%で表示させたい

    ホームページを作成しています。 全体的に、文章や画像の表示はセンタリングし、左右の画面余白部分に薄い色をつけたいと思っていますが、どのようにしたらいいのか悩んでいます。 左右に色をつけ、中央を白くした画像を画面100%に表示させられれば・・と思うのですが、CSS・HTMLで具体的にどのように指示すればよいでしょうか?

  • 画像がひょうじされません;

    こんにちは。 http://www.imagegarden.net.nyud.net:8090/photo/viewalbum.php?cataid=3&albumid=2239&fromnum=0 このサイトの、画像をクリックして画像を開きたいのですが、開いても、画像が表示されましたとでるだけで、画像がひょうじされません; どうしたら表示できるようになるでしょうか? 知っている方、もしよければ、回答宜しくお願いいたします。

  • この様な背景画像を作りたい

    Photoshop ellements2.0とillustrator CS所持しています。 下記サイトの様な背景画像を作りたいと思うのですが、さっぱり上手くいきません。 どうすればよいでしょうか? (ソースから見ると該当サイトは2000×1200の1枚の大きな画像でした) http://www.yuiyuimakino.com/ http://www.yuiyuimakino.com/img/bg.png

  • javaスクリプトで背景画像をランダム表示。

    javaスクリプトを使って特定のボックスの背景画像をランダム表示するようにしたいのですが、その記述法を教えていただけないでしょうか。 http://blog.e-groover.org/archives/2004/06/21/185334.php こちらも参照したのですが、cssで画像位置を固定するようになってますが、全体のボックスをセンタリングしているのでちょっと違う気が。 基本的なcss、htmlの知識はあります。 どうぞよろしくお願いします。

    • ベストアンサー
    • HTML
  • テーブルの背景画像のみ透明化

    http://css-happylife.com/archives/2007/0106_1500.php 上記サイトのように、背景画像のみを透過させたいと考えています。 例えば、 body{ background-image : url(./background.png); } table{ filter:Alpha(opacity=70,finishOpacity=70,style=3); } とした場合は、テーブル内の全てのコンテンツが透過されてしまいます。 透過されているテーブルの上に透過されていないテーブルを重ねて表示させる方法もネット上に掲載されていましたが、その場合、上記サイトのように動的にテーブルサイズが変わる場合は、実装が難しいように感じます。 しかし上記サイトでは背景のみが透過されているようです。 スタイルシートを見てみましたが、自分の知識では解析できませんでした。 実現方法を教えていただけると大変助かります。

    • ベストアンサー
    • HTML
面圧と抜け荷重について
このQ&Aのポイント
  • 円筒のシャフトをボスに圧入する際の面圧と抜け荷重について知りたいです。
  • シャフトは外径35mm、ボスは内径34.9mmで、深さは20mmです。
  • 材質はシャフトが樹脂(PBT)、ボスが鉄(SPCC)です。
回答を見る