画像が大きくなる訳

質問が分かりずらかったら、すみません。

ホームページで写真が載っています。
その写真をクリックすると拡大するものと、クリックしても、何も変化なしのものってどういう仕組みですか？
子供でも分かるような簡単な説明をお願いします。

No.4 ベストアンサー 回答者： vaidurya 回答日時： 2011/05/17 21:34

例書くと

<a href="image01.jpg"><img src="tumbenail01.png"><br>画像1</a>
といった書式を使うのが基本形です。
No.1,No.2ではこういう書式のことを言っています。

画像や写真を主コンテンツとして考えた場合に、これらを案内するための
一覧ページを用意するのが定番です。
ところが、単純に大量の画像を並べて記述すると
1ページの読み込みに、非常に長い時間がかかることがあります。
(もちろん帯域の無駄遣いとなり、サーバーが重い原因にもなります)

ですから、サムネイルと呼ばれる小さい画像を、一覧用に作るわけです。


対して、No.3で挙げられているのは、より簡易で
通信帯域に甘えた書式です。
<img src="image01.jpg" width="64" height="48"><br>画像1
という感じですね。

大きな画像の一覧ページでこれを使うと、通信量が無駄に大きくなり
サーバーが重いという状況がおきますし
パソコンによっては、表示が重いこともあるかもしれません。


前者では小さい画像と大きい画像を、別々に用意して
管理者の手間によって、効率的な閲覧システムを用意できます。
(本当はこの場合も表示サイズ指定を行なうのが推奨です)

後者では、大きな画像を受信した上で小さく表示させているだけです。
ですから閲覧者が、元のサイズで見たいと思った場合には
(ここからはウェブのシステムではなくウェブブラウザーの機能です)
より短時間で表示が終わりますが…
一覧の表示に時間がかかるので、どちらかというとアホなシステムに見えます。

最近のウェブブラウザーでは、この過程で、ブラウザーの画面からはみだす画像を
自動的に収まる大きさに縮小して表示する場合もありますね。
この場合さらにクリックで非縮小での表示が行なわれます。


こういう話が難しいと考える人もいますけど
落ち着いて一から考えていくと、そんな難しい話ではありません。
実際、この程度は小学生でも理解し使いこなしている例があります。

指定したとおりにしか処理されないというコンピューターのあたりまえを
概念的に理解してもらうためにも、中高でもコンピューターの授業が入ったわけで
中学生であれば、ほとんど誰でもわかることでは無いかと思います。


個人的にはいわゆるホームページ作成ソフトのほうが
ソフト特有のルールを理解する必要があるから
HTML自体を理解して、手書きするほうが…
ある程度までのHTML文書では簡単だと思っています。

でも、サムネイルを用意するような面倒くさい作業を
自動化してくれるソフトもあるんじゃないかとは思います。
興味が無いので知りませんが…

この回答へのお礼

ご回答ありがとうございます。
最近は簡単にできるのですね！

お礼日時：2011/05/17 22:00

No.3 回答者： 4610_459 回答日時： 2011/05/17 15:04

大きな画面の写真1枚用意するだけで出来ます。

クリックすると大きくなるのは、「この大きさで表示してください」という命令があって
そこでは小さく指定した上で、クリックすると原寸で表示しろとＨＴＭＬというプログラムファイル1行で指定してあるからです。　小学生でもわかる簡単な書式です。
5年生で習う（）付の算数で言う条件付の計算のようなモンです

ＭＩＸＩなんかのブログだと写真をＵＰすると、ブログ内では小さく表示、クリックすると大きく表示が自動で出来ますので、ＵＰするほうは何の意識もしなくても出来ます。

この回答への補足

ご回答ありがとうございます。
つまり、拡大か原寸は作成者の操作一つで簡単に可能と理解していいのですね。

補足日時：2011/05/17 15:10

No.2 回答者： yasuto07 回答日時： 2011/05/17 14:58

ホームページとはＨＴＭＬとう、言語で、かかれています。

写真をクリックして大きくなるのは、サンプル表示用の小さい写真を、実際の大きな写真が、ＨＴＭＬの言語により、ボタンとして、登録してあるからです。「クリックすると本来の写真を表示する」が記述してあるからです。

何も変化しないものは、「そのままの写真をその場所におく」としか、記述されてないからです。どちらが簡単かといえば、そのまま、変化をさせない方が、記述が簡単です。おき場所の指定だけですみますからね。

No.1 回答者： Lucky357 回答日時： 2011/05/17 14:44

>その写真をクリックすると拡大するものと、クリックしても、何も変化なしのものってどういう仕組みですか？

大きい画像と小さい画像の2種類を用意してあり、クリックすると小さい画像から大きい画像へ切り替わっている（リンクされている）だけです。

>何も変化なしのものってどういう仕組みですか？
1種類の大きさの画像しか用意されていないからです。

この回答への補足

デジカメで写真を撮ったものを、ホームページに載せた場合。

作成者の方は、一枚撮った写真をわざわざ2種類の画像を作成するのですか？
わざわざと言うより、今時簡単なのでしょうか？

補足日時：2011/05/17 14:58