HTML部品

情報・デジタルの部屋

HOME こひつじの家 トップページ 情報トップ 情報・デジタルの部屋トップページ HTML部品 古い部屋 2000年ごろに作った"情報とコンピュータの部屋"
 サムネイル見本用の小さい画像をクリックしたりマウスをのせたりしたときに,大きい画像を表示させるパーツを紹介します。HTMLとCSSだけを使用しています。試行錯誤を繰り返しながら作りました。

パーツの案内

サムネイルをクリックする
 サムネイルをクリックすると画像が大きくなり,大きくなった画像をクリックするとサムネイルに戻るパーツを紹介します。
サムネイルにマウスをのせる
 サムネイルにマウスをのせると画像が大きくなり,大きくなった画像からマウスをのけるとサムネイルに戻るパーツを紹介します。