|
★★★★★画像表示★★★★★画像表示★★★★★画像表示★★★★★ |
|
|
|
|
|
|
|
|
●画像表示 |
|
|
<img src="画像ファイル名(URL)"> |
|
|
●画像のサイズを指定する |
|
|
<img src="画像ファイル名(URL)" width="☆"
height="■"> |
|
|
☆=横幅(ピクセル数、ウィンドウに対する%で指定) |
|
|
■=高さ(ピクセル数、ウィンドウに対する%で指定) |
|
|
●背景に壁紙画像を指定 |
|
|
<body background="aaaa.jpg"> |
|
|
●画像枠の太さを指定する |
|
|
<img
src="a.jpg" border="☆" width="88"
height="31"> |
|
|
●画像を表示できない時テキストを表示させる |
|
|
<img src="a.jpg" alt="画像の代わりに表示させる文字"> |
|
|
●画像が表示される前に低解像度の画像を表示する |
|
|
●イメージツールバーを非表示にする |
|
|
<img src="a.jpg" galleryimg="no"> |
|
|
●画像上で右クリックを無効にする |
|
|
<img src="a.jpg" onContextmenu="return false"> |
|
|
●画像に対してテキストの回りこみ位置の指定 |
|
|
<img src="画像ファイル名(URL)" align="☆"> |
|
|
☆=画像の表示位置(left,right)テキストは画像の反対に回りこみます |
|
|
|
画像と回りこみテキストとの余白を指定する |
|
|
<img src="a.jpg" align="right"
vspace="■" hspace="◆"> |
|
|
■=上下の余白(ピクセル数) |
|
|
◆=左右の余白(ピクセル数) |
|
|
●回り込みテキストの解除 |
|
|
<br clear="★"> |
|
|
★=left(左の画像に対する回り込みをカット),right(右の画像に対する回り込みをカット)all(全てカット) |
|
|
|
画像にカーソルが触れると画像が変化 |
|
|
<img src="最初の画像URL"
onmouseover="this.src='触れた時の画像URL'"> |
|
|
画像にカーソルが触れて離れた時に画像が変化 |
|
|
<img src="最初の画像URL"
onmouseout="this.src='離れた時の画像URL'"> |
|
|
画像をクリックして画像が変化 |
|
|
<img src="最初の画像URL"
onclick="this.src='クリック時の画像URL'"> |
|
|
画像が変化、上記3つを全て組み合わせる |
|
|
<img src="最初の画像URL"
onmouseover="this.src='触れた時の画像URL'"
onmouseout="this.src='離れた時の画像URL'"
onclick="this.src='クリック時の画像URL'"> |
|
|
イメージツールバーを非表示にする |
|
|
|
|
|
|
|
|
|
|