画像あれこれ

画像に関するタグは果てしなくあります
ほとんどは　ソフトなどで
画像処理をしたものを使用しますが
ちょっと素材屋さんなどで頂戴した画像を
ページ上で加工したい時とか
写真を載せるのに　少し技を取り入れたいときなど
ちょっとした技の使い方のタグを　一部　紹介します

＊全て<body>～</body>内に

★画像の貼付け

<img src="画像アドレス">

★画像に枠を付ける
　　
<IMG src="画像アドレス" width="幅" height="高さ" border="0" style="border:double 線の太さpx 線の色">
＊ double を dotted に変えると　点線の枠になります
＊単純な枠でいい場合は　border="数字"　でＯＫです

★画像を触ると画像が変わる
　　（ロールオーバー）

<img src='最初に表示する画像アドレス' onMouseOver=this.src='触れたときの画像アドレス' onMouseOut=this.src='触れた後の画像アドレス'>

★画像にフィルター効果
◎フィルター１

<img src="画像のＵＲＬ" style="filter:Alpha(Style=1)">
◎フィルター２

<img src="画像のＵＲＬ" style="filter:Alpha(Style=2)">
◎フィルター３

<img src="画像のＵＲＬ" style="filter:Alpha(Style=3)">
◎フィルター４

<img src="画像ファイル名" style="filter:Alpha(Opacity=0,FinishOpacity=90,style=3)" border="0">
◎フィルター５
<div style="width:160px; height:140px; filter:blur(add=1, direction=135, strength=18)"><img src="画像のＵＲＬ" border="0"></div>
◎モノクロ　　

<img src="画像アドレス" id="GRAY1" border=0 style="align:center;width:幅px;height:高さpx;filter:Gray">

▲ＵＰ