熊子の休憩室

お借りしたタグなどをgooブログ用にしてご紹介していきます。カテゴリ別にご覧ください。

額縁タグ付きフィルタータグ

2008年02月10日 | フィルタータグ
 いつもお世話になっている”どんぐりさま”のフィルタータグに額縁タグを追加してみました。
画は昨年5月の釧路の桜です。早く春になるといいですね。

画をクリックしてね、3枚です<insetフィルター>
<
<
<





額縁タグ付きinsetフィルタータグです

<SPAN style="FONT-SIZE: 1px; COLOR: white"><<DIV id=num height="1" width="1"></DIV><<DIV style="WIDTH: 600px; POSITION: relative; HEIGHT: 450px"><<IMG id=p00 style="FILTER: progid:DXImageTransform.Microsoft.inset(MaxSquare=50, Duration=1, Enabled=false); WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 450px" onclick="if(num.width==1){num.width=2;p00.filters[0].Apply();p00.src='2枚目'}else if(num.width==2){num.width=3;p00.filters[0].Apply();p00.src='3枚目'}else{num.width=1;p00.filters[0].Apply();p00.src='表示画(1枚目)'} p00.filters[0].Play();" src="表示画"galleryimg="no"style="border-color:#cd5c5c; border-width:30; border-style: ridge;"></DIV></SPAN>

※DIV id=num  IMG id=p00  フィルター inset  額 ridge



額縁タグ付きフィルタータグの説明

<SPAN style="FONT-SIZE: 1px; COLOR: white"><<DIV id=num height="1" width="1"></DIV><<DIV style="WIDTH: 画の幅px; POSITION: relative; HEIGHT:画の高さpx"><<IMG id=p00 style="フィルターの種類; WIDTH: 画の幅px; POSITION: absolute; TOP: 0px; HEIGHT: 画の高さpx" onclick="if(num.width==1){num.width=2;p00.filters[0].Apply();p00.src='2枚目'}else if(num.width==2){num.width=3;p00.filters[0].Apply();p00.src='3枚目'}else{num.width=1;p00.filters[0].Apply();p00.src='表示画(1枚目)'} p00.filters[0].Play();" src="表示画"galleryimg="no"style="border-color:額縁のカラー; border-width:額縁の幅; border-style: 額縁の種類;"></DIV></SPAN>

●各テンプレートの画の幅の許容範囲が違いますので、それぞれ合わせてみてください。
●数字は必ず半角数字にしてください。
●「:」「;」など一つでも消してしまうと動きません。
●「DIV id=num」「IMG id=p00」は毎回変えてくださいね。
●覚書に DIV id=num  IMG id=p00  フィルター inset  額 ridge を記したほうがいいと思います。



フィルターリンク先です
BarnBlindsCheckerboard
FadeIrisInset
PixelateRandombarsRandomdissolve
RadialwipeSlideStretch
StripsSpiralWheel
WipeZigZag<

※赤字で示されているタグがフィルターです。
※その赤字を「フィルターの種類」の場所に貼り付けてください。

最新の画像もっと見る