• ベストアンサー

HPでの写真の見せ方

写真のギャラリーのHPを作っているのですが、どうやって写真を表示すれば良いのか悩んでいます。 サムネイルを作るか、最初から画像を一覧表示するか、タイトルだけ出してクリックすると画像が出るようにするか、など・・・。 なるべく重くならないように、見やすいページにしたいのですが、どんな方法が一番ベストなのか教えてください。

  • CSS
  • 回答数4
  • ありがとう数5

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

  • ベストアンサー
  • sesame
  • ベストアンサー率49% (1127/2292)
回答No.2

1ページに表示する写真のサイズと枚数にもよりますね。 表示が軽い順でいえばもちろん タイトルだけ出す<サムネイル<画像を一覧表示 ですが、320*240ピクセル程度の写真を10枚程度並べるだけなら、最初から画像を表示してしまっても全然問題ないでしょう。 表示する画像が800*600くらい以上だと、一覧表示はかなりつらくなります。 サムネイルか、テキストページからのリンクにした方が無難です。 オモシロ写真系だと、タイトルだけ出してクリックすると画像が…という形式が個人的にはかなり好きなのですが(タイトルから想像した内容が実際に見て裏切られる楽しみがあるので(^^))、これも写真の内容次第ですよねえ…。 写真から自動的にサムネイル画像とその一覧HTMLを生成してくれるソフトもいろいろ出てますので、そういうのを活用されるとラクかもしれません。 (参考URL)

参考URL:
http://oshiete1.goo.ne.jp/kotaeru.php3?q=72089
honeymoon
質問者

お礼

sesameさん、再び回答ありがとうございます。 私としてはそれほど大きい写真じゃなくてもいいと思っているので、 300~400ピクセルで一覧表示でもいいかな、と考えてます。 参考URLも見てきました。 こういう便利なソフトがあるなら、サムネイルでもいいなーと迷ってます。 とりあえずDLしときました。 ありがとうございました。

その他の回答 (3)

noname#8665
noname#8665
回答No.4

う~ん、結果としていえばあなたがどう見せたいのか ということにつきます。 複数枚の写真をひとつながりの連作として見せたいのか、 一枚一枚の写真を単独で見せたいのかということがまずひとつ。 みせたい写真の量がどの程度あるのか、そしてそれは増えていくのか ということがひとつ。 このあたりを絞ることによっておのずと見せ方は変わってくると思います。 僕も写真のサイトをやっていますが、経験上小さい画像を先に見せるやりかただと、 大きい画像を見ないで帰ってしまう人もいることも頭に入れておいた方がいいと思います。 なお、僕はどう見せたいかによって僕にできるレベルで複数のやり方を使っています。 PS. 僕のつたないサイトがもし参考になるようでしたらということで、 アドレスを入れておきます。

参考URL:
http://www11.big.or.jp/~octacore/
honeymoon
質問者

お礼

回答ありがとうございます。 確かにサムネイルだけ見て帰ってしまう事ってありますよねー。 実は私もたまーにやってます。(^^;) 写真によって見せる方法を変える、というのもおもしろいですね。 oniさんのHPも見させてもらいました。 「女々しい奴」を読んで、私はあんまり「日々の記録」的な写真は撮らない方 だし、日記も全然付けたことがないので、もしかして男っぽいのかしらん?と 思ってしまいました(笑) あとモノクロ写真が気に入りました。 それとアラーキー、私も好きです。 ありがとうございました。

  • akiume
  • ベストアンサー率27% (10/36)
回答No.3

何かの本で読んだのですが、8秒間全く表示がないと(6秒だったかな?)人は他のページへ移ってしまうそうです。 どの方法を使うにしてもこれまず守る必要があると思います。 私が作るとしたら、(写真の枚数にも拠りますが)テキストとアイコン(GIFです。)になる写真を同時に表示し、クリックで拡大する方法を使うと思います。

honeymoon
質問者

お礼

回答ありがとうございます。 私もその話、聞いた事があります。 「たった8秒間?」と思ってしまいそうですが、待ってるとものすごく長く 感じるんですよねー。 とにかく「短時間表示」を心がけたいと思ってます。 ありがとうございました。

  • kensakuya
  • ベストアンサー率17% (23/131)
回答No.1

見る方からしたらサムネイルがある方が見やすいです。 見せる方はどうしても「こう見て欲しい」という思い入れがあるのですが、めんどくさいと思われて途中でさようならされるのは最悪ですからね。 文字をクリックしてというのは見る気がしません。 方法としてはこんな感じが基本でしょうね。 1 文字でいくつかのカテゴリーを作り、クリックでジャンプ。 2 ジャンプした先は、サムネイルが画面をスクロールしなくても見れるぐらいの数が表示。 3 サムネイルをクリックすると大きな写真が。 付録として大きな写真から、次の写真へいくことが出来るとか、写真は別画面に表示するとか工夫は様々です。 ぜひ他の人のHPをみて参考にすることをお勧めします。自分で見て、見やすいと思うものがあなたに合ったHPです。

honeymoon
質問者

お礼

回答ありがとうございます。 やっぱりサムネイルですかー。確かに使ってるHPは多いですよねー。 また他のHPも見て回って勉強してきます。 ありがとうございました。

関連するQ&A

  • サムネイルが拡大されない

    HPビルダーを使っています。 デジカメの画像のギャラリーを作りたくて、「挿入」→「デジカメ写真」→「サムネイル」として、サムネイルを作りました。 サムネイル…、つまり、小さな画像の一覧は作成できたのですが、それを実際にアップして、ブラウザで見たところ、クリックしても元の大きさの画像が表示されません。 サムネイルって、クリックすれば、元の大きさの画像が表示されるものですよね? 画像がアップできていないのかと思うのですが、ページの転送も終了してるし、よく分かりません。 原因が分かる方いましたら、お願いします。

  • 綺麗な写真アルバムのHPを作りたい☆

    みなさんこんばんは☆ ホームページビルダー2001 ver.5.0 での質問です。 写真を公開するHPを製作しているところなのですが、よく写真系のサイトで見かけるレイアウトにしたいのですが、どういう風に作ればアップ等がしやすく出来るのでしょうか? 具体的には、アルバムトップページにサムネイルを配置し、クリックすると写真が表示されるようにしたいのですが、写真が表示される際、写真ファイルに直接リンクするのではなく、写真を中心に配置し、少々のコメントとサムネイルの前後へのリンクも貼りたいのですが、そうすると写真の枚数分ページを作成しなければならないですよね? 一枚一枚最初から作成すると大変なので、全てのページを統一し、写真とコメントを挿入するだけで出来上がるようにしたいのですが、何か良い方法はありますでしょうか? スタイルシートというものを使えば出来そうなのですが、使い方がさっぱりわからないので・・・。 どなたかお助けください(>_<)! 宜しくお願いいたします。

  • HPの写真閲覧で~1.jpg→~2.jpg等簡単に閲覧できる方法

    HPの写真閲覧で例えば写真が50枚あるページの時 サムネイル一覧で小さく表示してあるHPなら良いのですが 次へを50回クリックして文や広告を同時に閲覧するしかないHPでの質問です。 広告や文を見たくない時、良くやるのが写真のURLのみ表示して末尾を~1.jpg→~2.jpg ~ ~50.jpg等 打ち直して見てるのですがもっと便利な方法として (1)サムネイル表示化できるソフトやサイトご存知のい方いらっしゃいますか? (2)もしくは~1.jpg→~2.jpgを自分で打つのではな クリックひとつで~1.jpg→~2.jpgへ進めるソフトやサイトご存知のい方いらっしゃいますか? よろしくお願いします。

  • HPにサムネイルを表示したい

    WinXP+HPビルダーで、簡単なタグやJavaScriptでHPを作っています。  現在、写真を並べているページがあるのですが、すべての写真を800*600と160*120に画像を用意して、表の中に180*120の写真を入れて横に説明を書いて、その写真もしくは説明をクリックすると800*600の画像にLINKしてあり、表示するようにしています。  ただ、その作業が面倒なので、何か良い方法がないのかと思っているのですが、JavaScriptでサムネイルを表示させておけば、同じようなことが出来るらしいという事がわかりました。どのようなScriptを書けば良いのか?お手本になるようなページを紹介していただけないでしょうか?  できることなら、ご自分のページもしくは、ご自分が参考にされて作成してページを紹介していただけると助かるのですが。

  • infoseek iswebの無料HPに写真が掲載できない

    「写ルンです」で撮った写真をCD-ROMに焼き付けるサービスでFUJICOLOR CDを作ってもらい、その写真を20枚、FFFTPでアップロードしました。 infoseekのiswebライト管理画面でファイルマネージャーを見ると、一覧表が出て、「ファイル/フォルダ名」に 1004902/ というのがあります。 そこをクリックすると出る一覧表の「ファイル/フォルダ名」の一番上に LOW_RES/ というフォルダがあり、その下に画像の名前(私がつけた画像名)が20個あります。 この画像名の隣のマークをクリックすると小さな画面が立ちあがってどんな写真か見られるのですが、画像サイズが大きすぎるようです。 それで、LOW_RES/ をクリックするとまた一覧表が出てきて、そこの画像名(最初からつけられてた画像名)の隣のマークをクリックしたら、丁度良さそうなサイズの画像のようで、こちらをHPに使いたいなと思いました。 試しに12枚目の写真(FL000012.JPG)の画像を貼るタグを「こうかな?」と打ち込んでみたのですが… <img src="HPのTOPページのURL/10004902/LOW_PES/FL000012.JPG"> <img src="HPのTOPページのURL/LOW_PES/FL000012.JPG"> <img src="HPのTOPページのURL/FL000012.JPG"> この3つではどれもダメでした。 HPのTOPページのURLのところを ../ にしてもダメでした。 小文字じゃないとダメなのかな?と思ったのですが、どこかのサイトのバナーをダウンロードしてアップした時、大文字が使われていましたが、ちゃんと貼れましたので、関係ないかな…と思いました。 タグはどう打てばいいのでしょうか? よろしくお願いします。 ※widthとheightは指定しないで元のサイズで表示したいと思います。

    • ベストアンサー
    • HTML
  • HPでの画像(写真)添付について

    今、HPを作成しています。 全てタグを打ち込んでいます。 しかし、写真が多いせいか、1ページを表示するのにかなりの時間がかかります。 写真中心サイトなので、あまり画質を落とすことは避けたいと思っています。 (それしか、方法が無いようなら仕方ありませんが・・・) サムネイル表示をしたいので、大体1ページに20枚前後の写真を載せたいと 考えています。 何か早く表示できるような方法はありませんでしょうか? PCへ取り込んだ(スキャナー使用)写真の加工はある程度できます。 よろしくお願い致します。

    • ベストアンサー
    • CSS
  • メニューバーなどの無い新規ウインドウ

    私は自分のHPでイラストの展示をしていますが、 画像のサムネイルを一覧表示してそれをクリックしてからそのイラストに飛ぶというやり方を取っています。 それで、表示の方法をサムネイルをクリックしたら メニューバーなどの無い新規ウインドウにイラストの ページが表示されるという方法を取りたいのですが やり方がどうにもわかりません(TT) イラスト1枚1枚をそんな感じに表示するにはどうすれば 良いでしょうか?ぜひアドバイスお願いします!

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

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

  • flashのギャラリー作成で

    flash8です。 サムネイル1をクリックすると、 画面中央に、該当する写真が大きく表示され 大きい写真をクリックすると指定されたurlに飛ぶという ギャラリーを作りたいです。 (サムネイルは4つあり、クリックするとそれぞれの画像が表示される) できればAS2.0で作りたいです。 すみませんが教えてください。 よろしくお願いします。

    • ベストアンサー
    • Flash
  • 写真表示のページ・・・

    サムネイルをクリックして、htmlでの写真アップのページを表示させたいのですが、これは一つ一つのhtmlのページを作成してリンクさせていかなければならないのでしょうか? それとも一つのhtmlファイルで画像だけを変えていくことは可能なのでしょうか?

    • ベストアンサー
    • HTML