画像クリックで拡大⇔縮小 | HTMLの部品 | 情報・デジタルの部屋 | こひつじの家色温度←このようなパターンをすると小窓が出現します。小窓の中には，何か入っています。 で出現したものは，で閉じます。 サムネイル見本用の小さい画像をクリックすると画像が大きくなり，大きくなった画像をクリックするとサムネイルに戻る部品（テクニック）を紹介します。HTMLとCSSだけを使用した方法ですが，動作は安定していて，コードの記述も簡単です。 もくじ 概要 長所と短所 サンプル 概要 小さい画像をクリックすると画像が大きくなり，大きくなった画像をクリックすると小さい画像に戻ります。この機能は，基本的に，モバイル機器では使用しません。 小さい画像用の画像ファイルは使用しません。ここで使用した画像ファイルは長辺1200ピクセル，短辺800ピクセルです。小さい画像は長辺300ピクセル，大きい画像は長辺900ピクセルで表示させています。 入力フォームで使用する〔input要素 type属性="c
