デスクトップ用の壁紙で

質問

デスクトップ用の壁紙のページをつくっているのですが、よく「クリックしたら大きいのが見られます」というのがありますが、どうやったらそんなことができるのですか？
あと、圧縮は、幅と高さの表示を小さくするだけで良いのですか？そうするとなんかきたなくなったんですけど・・・。

どうかおしえてください！
おねがいします。

回答No.2

azuna · ベストアンサー

質問内容が２つありますので、順にお答えします。

１．「クリックするとオリジナルサイズになる」リンク
　まず、オリジナルの画像ファイルとそれより小さいサイズの画像ファイル（サムネイル）を用意し、サーバにアップロードします。サムネイルの画像をHTMLに記述し、オリジナルの画像ファイルにリンクさせます。
[例]
a01.gif　←オリジナル画像（640×480ピクセル）
a01s.gif ←サムネイル画像（160×120ピクセル）

HTMLタグ　<a href="a01.gif"><img src="a01s.gif" border="0" width="160" height="120"></a>

これでサムネイルをクリックするとオリジナル画像が表示されます。ただし、戻るにはブラウザの戻るボタンを使わなければなりません。
<img src="a01s.gif"target="new" border="0" width="160" height="120">
とすれば、サムネイルクリックで、オリジナル画像が別ウィンドウで開きます。

２．画像のサイズ変更
「圧縮」と書かれていますが、画像のサイズを変更するととらえてよいでしょうか？
HTML上で見た目の表示サイズを変えるのではなく、グラフィックソフトで画像ファイルそのもののピクセル数を変えると、ファイルの容量（KB）も小さくなります。例えばWindowsの標準アクセサリである「ペイント」では、[変形]－[伸縮と傾き]で水平方向と垂直方向を小さくします。上にある[例]の場合にはa01.gifの画像を垂直水平とも25%にしてa01s.gifの名前で保存します。ソフトによっては[サイズ変更]などとなっていて％だけでなくピクセル数で指定ができたりします。

不明な点があれば、補足してください。

回答No.1

blue_leo

<a href="大きな壁紙のファイルへのPATH"><img src="壁紙のサムネイルのPATH"></a>

>あと、圧縮は、幅と高さの表示を小さくするだけで良いのですか？そうするとなんかきたなくなったんですけど・・・。

img タグの widthとheightで調整することもできますがそれだとリサイズ時にきたなくなりますので小さいサイズの画像を別に用意するのが普通です。

そうすると不要なファイル（大きくしたくない画像）を読み込むこともないですしね。

サムネイルの作成方法は
http://www.vector.co.jp
にでも行って自分にあうソフトを探してください。