• ベストアンサー

HPでサムネイルページが開きにくい

お世話になってます。 HPでサムネイルのページを作りましたが、 実際、表示が出来たり出来なかったり、マチマチで困りました。 内容は、140×80ピクセル の縮小された写真が 25枚並んでます。 このサムネイルのページは、リンクで 別ウィンドウ _blankで表示しました。 この先さらに、写真を追加しなければなりませんが、不安で。 140ピクセルが大き過ぎる?! 別ウィンドウ表示は良くない?! ただ、大きめのサムネイルを、1つのページに表示するのは、 イメージしやすくイイとの事で。。 私素人ですが、どうすればよろしいでしょうか。 宜しくお願い致します。

  • HTML
  • 回答数2
  • ありがとう数3

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

  • ベストアンサー
  • LAIT2
  • ベストアンサー率60% (3/5)
回答No.2

サムネイルですか・・・。 サムネイル用の画像と、クリックした後に出る画像とをちゃんと、区別したほうがいいです。 □ ↑サムネイル用の画像(画質低) クリックすると・・・・ □ ↑本当の画像 というような感じです。 サムネイル画像は、基本的に画質をぎりぎりのところまで下げ、サイズも小さくしたりなど、大変な作業となりますが、根気よくしてください。 あと、将来、画像が増える場合は、本のように、1ページにつき、10枚あって、下に>>次へなどをつけたほうが親切です。 最低でも、次のようなことはしないでください。 <a href="本当の画像"><img src="本当の画像" width="50%" height="50%" alt="サムネイル"></a> 上の場合だと、わざわざ重い画像をダウンロードしてしまうため、異常に遅くなってしまいます。

imoyada
質問者

お礼

ご回答いただきまして有難うございます。 100ピクセルぐらいにして、再度やってみようと思います。 また、小分けの必要も大変参考になりました。

その他の回答 (1)

  • kokokoh
  • ベストアンサー率23% (10/43)
回答No.1

それは、読み込む時間がかかりすぎて、タイムアウトしてしまうということでしょうか? サムネイルであれば、もう少し小さくてもいいような気がします。 また、表示速度をあげるには、何ページかに分割する方法や、サムネイルの画質をさげるなどの方法が考えられます。

imoyada
質問者

お礼

ご回答頂きましてどうも有難うございます。 サムネイルも大きければイイという考えも、かえって迷惑なんですね。 大変参考になりました。

関連するQ&A

  • ページ内に配置してあるサムネイル画像を

    お助けください。 現在製作中のページ内に配置してあるサムネイル画像(JPEG)を、クリックした際に、新しいウィンドウで開きたいのです。 その際に「_blank」ではなく、サイズを指定して開きたいのです。 javascriptで行うのでしょうが、どう宣言して、画像の部分にはどのような記載をすればよいのかわかりません。 ご教授お願いいたします。 なお、このページには新しいウィンドウで開くものはサムネイル画像以外ありません。 サムネイルサイズ:80×60・60×80ピクセルの2種類 リンク先画像サイズ:320×240・240×320ピクセルの2種類 新しく開くウィンドウのサイズは。320×320ピクセルで開きたいです。

    • ベストアンサー
    • CSS
  • HPにサムネイルを表示したい

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

  • OnMouseOverで画像のサムネイルを別レイヤーに書き出したい

    こんにちは。 今、HPで写真公開ページを作っています。 写真へのリンクをクリックすると別ウィンドウで表示するようにしたいのですが、それに加え、マウスをそのリンクの上にもってきたら、ページの特定の領域に小さなサムネイルがプレビューとして表示できるようにしたいです。 なお、サムネイルのファイルはあらかじめサイズを変更して、別ファイルで作っておいてもいいです。 onMouseOverでJavascriptの関数を呼び出して、その関数で、別レイヤーを書き出す(document.write("<div id="preview1">..(中略)...");とすれば良いのかなと思いましたが、うまくいきません。 どなたか、アドバイスいただけますか? もしくは、いいチュートリアルのサイトなど、教えていただけませんか?

  • 困ってます!サムネイルを大きくしたいんですが・・

    ヤフオクの画像に関する質問です。 デジカメで写真を撮って、【縮小専用】で画像を600×450に加工してアップロードしているのですが、出品した後にサムネイルを確認してみると他人様の出品物よりサムネイルが小さく載ってしまうんです。。。 ピクセル?を確認してみたら、87×58となっていました。 サムネイルが大きい方は100×100ピクセルほどあるようです。 どうしたら100×100にできますか? どうか親切な方、教えてくださいm(_ _)m

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

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

  • ビルダーのサムネイル写真

    お店のHP作成、初心者だったのですがビルダーの分かりやすい使い方のお陰で波に乗ってきてどんどん写真も追加、追加で終盤に差し掛かって大変なことに気が付きました!というのもサムネイル写真(400点弱)の挿入が多く、とてもとても重い重いHPになってしまっていました・・・。全てのサムネイル写真の設定のリンク先を画像でなくページにしてしまったせいか・・・。デジカメで少しづつ取り込み編集し、デジカメ写真は削除・・・という作業を数ヶ月続けてきたのですが・・・リンク先を画像に設定しなおせばだいぶ軽くなりますか!?デジカメ写真の画像は削除していますが、ビルダーのファイルの中には写真は残っていますがサムネイル写真は意味も無い、同じ大きさの写真しか出てきません・・・。すみません。初心者なので皆さんにお聞きしたいことさえ上手に伝えられなくて。実店舗存続もかかっております。どなたか、お助け下さい!

  • HPで押すと画像が大きくなるやつの作り方。

    質問させていただきます。 よくHP上の画像をクリックすると新しいウィンドウが 表示されて大きくなるやつありますよね。 あれってただ単に大きい写真を貼ってある新しいページにリンクさせてるだけの事なんですか? そうするとデータが重くなってしまうので、 大きい写真のデータだけがあって縮小して表示させているようなことはできるのでしょうか?

  • サムネイルの順番

    イラストレーターのポートフォリオサイトを作っています。 構成は画像のサムネイルを、5×5のタイル状に並べ それぞれをクリックすると別のウィンドウで詳細が見られるという シンプルなものです。 画像は頻繁に追加します 。 その際、最新のサムネイルは5×5の左上に追加され、 5×5に収まりきれなくなったサムネイルは 次のページ(5×5のレイアウトは変わらず)に移動させるつもりです。 現状考えているのは、画像を追加するごとに、 手動でひとつひとつサムネイルとリンク情報をコピペしてずらしていく方法なのですが、 もし可能であれば、新しく追加する画像を指定すれば 自動的に5×5の左上に追加され、既存のサムネイルの順番もずれるようにしたいです 。 なにか方法はありますでしょうか? HTML/CSSは本を見ながらなら理解できるレベルです。

    • 締切済み
    • CSS
  • サムネイルについて。

    マイコンピューターを開けた状態でサムネイル表示された写真を見たいのですが、見れません。フォルダーのプロパティで「縮小表示を使用」の所にチェックを入れているのですがみれません。ただIEのマークがサムネイルの大きさで出てくるだけで写真自体がでてきません。どうすればいいのでしょうか。よろしくお願いいたします。

  • サムネイルが出来ない

    HPを作っています。 ビルダーを使ってサムネイルの写真をアップしましたが、小さな写真をクリックしても拡大写真が表示出来ません。何度クリックしても何も表示されないのです。写真もページももちろんサーバーに転送済みです。 どなたか原因を教えてくださいませんか?

専門家に質問してみよう