• 締切済み

ホームページにおける写真の表示方法

現在Dreamweaverにてホームページを作成しております。 初級者ですが、参考書片手に奮闘しております。 表記の件ですが、 Yahooの画像検索をした際、写真のサムネイルが出てきて、それをクリックすると画面いっぱいの背景が黒くなり、拡大写真が中央に表示されますが、こういった表示方法は、どういったプログラムを使用しているのでしょうか？ yahooと同じではなくても、 １．ＨＴＭＬ上のサムネイルをクリック ２．背景が黒く（透明）なり中央に画像を表示する。 というような表示の仕方であれば構いません。 お詳しい方よろしくお願い致します。

  • sayop
  • お礼率90% (88/97)
  • CSS
  • 回答数1
  • ありがとう数1

みんなの回答

noname#66720
noname#66720
回答No.1

http://www.huddletogether.com/projects/lightbox/ こういう感じのjavascriptとかだと思います。

sayop
質問者

お礼

参考になるページを教えて頂きありがとうございます。 英文ページなので、がんばって解読します…。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • ホームページ作成の際、インラインフレームでの写真表示方法について

    下記のようなことは出来ますでしょうか？ 右サイドバーに写真1、写真2・・・というようにサムネイルを表示していきます。 そのサムネイルをクリックすると、左のメインフレームの中央に、その写真の拡大されたものが表示されるといった具合です。 別ウインドウで表示されるのではなく、同じページ内（インラインフレーム？）で表示したいです。 初心者で、検索していろいろ調べましたが、お手上げになってしまいました。。 こだわり過ぎても駄目だと思うんですが、これが解決しないのでなかなかHP作成が進みません。 誰か教えてください！

  • 自分のHPに写真を30枚ほどサムネイル表示させています。

    自分のHPに写真を30枚ほどサムネイル表示させています。 サムネイル画像をクリックすると新たにポップアップの形で別ウィンドウが開き、そこには拡大された写真と戻る、閉じる、次へ、のボタンが表示されます。当然、次へボタンを押すとサムネイルで次にある写真が表示されます。これらの部分はJavaScript(window.open)で書いています。 しかし、この場合、写真の枚数だけHTMLファイルを作る必要があります。 HTMLファイルは共通で使用して、写真をはめ込みにして、「戻る」、「次へ」ボタンが押されたら写真だけ入れ替わる、という風にはできないのでしょうか？ イメージだけの希望ですが、なにかヒントになるようなアドバイスがありましたらよろしくお願いいたします。

  • （ホームページ）写真の背景色設定について教えてください

    質問する場所が違っていたらすいません＾＾ さて、HPで写真をサムネイルで公開しています。 クリックすると元サイズで表示されるのですが、 写真の背景は白になります。写真１枚づつHTML ファイルをつくれば色の指定を出来るとは思い ますが、枚数も結構あるため、できればHTML ファイルを用意しないで背景に色を表示したい と思います。 何か良い方法はあるのでしょうか？ 識者の方お返事おまちします。

  • 画像表示プログラム???

    ＹＡＨＯＯの画像検索ページなどでサムネイル画像をクリックすると背景が黒く透けてその画像が拡大表示される様式が最近増えているように思いますが、どんなプログラムを使用しているか知っていましたら、教えて下さい。 また、何かのソフトに付属しているなら（ＤＷ３，ビルダー12）それも教えて下さい。

  • 写真のサムネイルを表示する（ホームページでのアルバム）

    初歩的な質問ですが、写真をホームページにのせているのですが、 画像がおっきくてレイアウトがうまくいきません。 そこでサムネイルを並べて表示して、そのサムネイルをクリックしたら本当の大きさの画像がみれるようにしたいのですが、いいプログラム（ＪＡＶＡ？）あったら教えてください。ひとつひとつにリンクつけるのもめんどくさいので（汗）

    • ベストアンサー
    • CSS
  • サムネイル画像をクリックすると拡大画像を表示させる方法

    今はまずサーバに同一画像の小さい写真（サムネイル用）と大きい写真の両方をアップロードして、 小さい画像を表示させて、そこにリンクをつけて大きい画像のURLへとばすようにタグを書いているのですが、これでは同じ写真を２枚アップロードしなくてはいけず、面倒です。 1枚の写真だけをアップロードしてサムネイル画像を表示させて、クリックしたら拡大写真がでるようにするためにはどのようなタグを使えばいいのでしょうか？

    • ベストアンサー
    • HTML
  • ホームページでの画像の掲載方法について

    現在ホームページを作成中なのですが、そこで画像の表示方法について質問です。 一つのページに沢山のサムネイルを表示させておいて、それをクリックすれば拡大表示されるようにしたいのですが、 普通の表示方法（全てのサムネイルに拡大画像のリンクを貼る）ではなく、ｙａｈｏｏの画像検索やここのサイト（http://www.gran-turismo.com/jp/news/d8279.html）のように、 「今開いてるページ上に見やすく表示される」ようにしたいのです。 一体どのような記述をすればこのようなページが作れるのでしょうか。 自分はまだ簡単なＣＳＳを使ったページの作成方法くらいしか分からないので、 もし難しい技術なら何を学べば良いかなども教えてもらえれば嬉しいです。 大した知識も無いのに高望みしすぎかもしれませんが、どうぞご教授のほどよろしくお願いします。

  • ホームページビルダー１１で質問です

    写真をクリックすると拡大したいのですが、昔の写真が出てきて新しい画像に変わりません。サムネイル関係だと思うのですがよくわかりません。助けてください。

  • 背景が透過グレーになる、拡大画像の表示方法

    こんにちは。 検索しても見つけられなかったので質問させてください。 写真一覧ページの小さな画像を、クリックすると拡大表示 させたいと思っています。 yahooなどで画像検索すると一覧表示になり そしてクリックすると画面背景が透過状態のグレーになり 写真が拡大される、あの状態のような拡大方法を希望しています。 cssでマウスオーバーによる拡大方法は検索しても見つかるのですが 自分の探し方が下手なのか、箸にも棒にもひっかからず 行き詰まってしまいました。 サンプルが記述されているサイトや 言語自体がお分かりになる方がいらっしゃいましたら 教えていただけないでしょうか。 どうぞ宜しくおねがいいたします。 一覧例（小さな画像をクリック↓） http://image-search.yahoo.co.jp/search?ei=UTF-8&fr=top_ga1&p=dog

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

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

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する