コンパクトデジカメ画像で、日常&花&趣味など!ボチボチ弄ってまぁ~す♪

 ジャプラノート2

 コンパクトデジカメ画像で、日常&花&趣味など!
 ボチボチ弄ってまぁ~す♪

Google
 

Yahoo!検索


pc1
       いらっしゃいませ♪ 現在ジャプラノート2をご訪問の方は 名様ですぅ~♪    

<<05 12345678910111213141516171819202122232425262728293007>>
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--/--/-- --:-- | スポンサー広告 | page top↑
DXImageTransform

【DXImageTransform.】を使用したソースを良く目にしますが。。。
インターネットエクスプローラ(IE)専用のフィルターですので、
IE以外のブラウザで見ることは出来ませんが。。。
とても色々な効果を画像などに付け加えて、表示することができます♪
以下のような、アルバムでも使うことが出来ますぅ~♪

〔今年、三月に使用した物を流用しましたぁ~(笑〕

 < <CG画像〔1〕 <CG画像〔2〕 <CG画像〔3〕 <CG画像〔4〕 <CG画像〔5〕 <CG画像〔6〕 <CG画像〔7〕 <

ソース内の〔progid:DXImageTransform.Microsoft.○○○〕の中の○○○の部分を。。。
以下の表の左側の部分に書き換える事で、色々な効果を選ぶ事が出来ますぅ~♪

progid:DXImageTransform.Microsoft.○○○
○○○部分に記入する語句効果説明
Barn(Duration=1)左右観音開き(中から外)
Barn(orientation=horizontal,Duration=1)上下観音開き(中から外)
Blinds(Duration=1)ブラインド(上下)
Blinds(direction=right,Duration=1)ブラインド(左右)
CheckerBoard(direction=down,Duration=1)市松(上下)
CheckerBoard(Duration=1)市松(左右)
Fade(Duration=1)フェード
GradientWipe(Duration=1)左から右へ滑らかに変化
Inset(Duration=1)四角(左上から右下)
Iris(Duration=1)十字(中から外)
Iris(irisStyle=DIAMOND,Duration=1)ひし形(中から外)
Iris(irisStyle=CIRCLE,Duration=1)円(中から外)
Iris(irisStyle=CROSS,Duration=1)X型(中から外)
Iris(irisStyle=SQUARE,Duration=1)四角(中から外)
Iris(irisStyle=STAR,Duration=1) 星型(中から外)
Pixelate(Duration=1)モザイク
RadialWipe(Duration=1)時計回りに回転
RadialWipe(wipeStyle=WEDGE,Duration=1)左右に回転して開く
RadialWipe(wipeStyle=RADIAL,Duration=1)左上を中心に回転
RandomBars(Duration=1)ランダムな横線
RandomBars(orientation=vertical,Duration=1)ランダムな縦線
RandomDissolve(Duration=1)
Slide(Duration=1)右から左にスライド
Slide(slideStyle=PUSH,Duration=1)右から左に押し出す
Slide(slideStyle=SWAP,Duration=1)互い違いに入れ替え
Spiral(Duration=1)渦巻き
Stretch(Duration=1)中から外に押し出す
Stretch(stretchStyle=HIDE,Duration=1)左から右に広がる
Stretch(stretchStyle=PUSH,Duration=1)左から右に伸縮
Strips(Duration=1)右上から左下
Strips(motion=leftup,Duration=1)右下から左上
Strips(motion=rightdown,Duration=1)左上から右下
Strips(motion=rightup,Duration=1)左下から右上
Wheel(spokes=8,Duration=1)車輪のように回転
Zigzag(Duration=1)ジグザグ
※(Duration=1)の数値は効果の持続時間ですので、1~3くらいでご使用くださいね♪

前回使用しましたソースも♪
参考に、載せておきますねぇ~♪(画像五枚用です。)
<center><SPAN style="font-size:1px;color:#ffffff;"><<div id="jn2" width="1" height="1"></div><<img id=j7114 onclick="if(jn2.width==1){jn2.width=2;j7114.filters[0].Apply();j7114.src='★2枚めの画像URL★'}else if(jn2.width==2){jn2.width=3;j7114.filters[0].Apply();j7114.src='★3枚めの画像URL★'}else if(jn2.width==3){jn2.width=4;j7114.filters[0].Apply();j7114.src='★4枚めの画像URL★'}else if(jn2.width==4){jn2.width=5;j7114.filters[0].Apply();j7114.src='★5枚めの画像URL★'}else {jn2.width=1;j7114.filters[0].Apply();j7114.src='★1枚めの画像URL★'} j7114.filters[0].Play();" src="★1枚めの画像URL★" width="500" height="375" style="filter:progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=1);border-width:5px;border-style:ridge;border-color:#CCCCCC;"></SPAN></center>

【説明です♪】
●色文字は、gooブログ用のゴミ消しですので。。。
 背景と同色又は、類似色を記入してくださいね♪

●色文字は、画像の大きさを記入してくださいね♪

●色文字は、フィルター効果ですので♪
 上の表よりお好きな効果を選んで、記入してくださいね。

●色文字は、ID番号ですので、10箇所全てに。。。
 同じ半角英数字を記入してくださいね♪

●色文字も、IDですが。。。
 上のIDとは別の半角英数字を12箇所に同じのものを記入してくださいね♪



2007/11/08 23:30 | Blogカスタム | トラックバック(0) | コメント(12) | page top↑
<<fade-in | ホーム | gooブログパーツの変換方法♪>>
コメント
以前にブログのブックマークに載せさせていただきましたってコメントを入れたことがあったと思います
今日はDXImageTransformの一覧を見させていただいて早速ソースをお借りして使わせてもらいました
今日は同じ感じの雲の写真を使ってますけど色々と使ってみたいと思ってます
いいもの紹介してもらって嬉しいです

PIXIEはgooのブログパーツに載った時直ぐにメニューバーに貼り付けていますがますたーさんの詳しい説明を見させてもらって感心しました
操作手順の画像を使って説明されてるのでとっても分かりやすくていいですね

また遊びに来ま~す
2007/11/09 02:07URL | 亀 #-[ 編集] | page top↑
亀ちゃんさん♪ こんちゃ~っす♪
コメント♪めっちゃ、嬉しいですぅ~☆彡

さっそく♪ご使用くださいまして.:*:・'゜゜'・:* ☆彡
とっても嬉しいですぅ~♪
一覧を見ながら。。。
色々な効果を試してみてくださいね♪

ありがとうございますぅ~♪
元来♪口下手なせいか。。。
なかなか文字だけで伝えるのは、難しくて。。。(笑
PIXIEは、なかなか面白いブログパーツですので♪
沢山の人に楽しんでいただけると良いのですがぁ~♪

これからも宜しくお願いします。
2007/11/09 12:44URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
ますたーさんこんにちは
こちらのソースは以前私が挫折したそーすのようですが・・詳しく書いてくださり叉勉強意欲が沸いてきます。考えてみると色んなことをますたーさんに学びました・・ただ私の頭がついていかずスミマセン
これからもどうぞ宜しくおねがいします。
コメントもうまくなくてごめんなさいね(^^♪
2007/11/09 13:33URL | yuu #-[ 編集] | page top↑
yuuさん♪ おこんばんわぁ~♪
コメント♪めっちゃ、嬉しいですぅ~☆彡

えっ?
このソースは、yuuさんが普段使用しているものと。。。
それほど変わらないものですよ~(笑
あっ!分った!!!
上のスクロールのアルバムのソースでは、ありませんよ~(笑
スクロールのソースも載せようと思ったのですが。。。
これが!ひたすら長いだけのソースで。。。(笑
ほんと!yuuさんが挫折するのも。。。
よぉ~く分かるような気がしますぅ~(笑
また♪頑張りますねぇ~(笑
2007/11/09 18:17URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
ますたー。さん 今晩は
filterは頭の体操にもってこいなのでよく使います。
印刷して永久保存にさせていただきます。

お尋ねです。
このソースはその都度filterを変えることは
できないですね。

口下手の書きべたでなので恐れ入りますが
私のぶろぐを見ていただけませんか。
この写真をUPする時にfilterを1枚目と4枚目のみ
入れられたらいいな と思ったのですが…。

サムネイルのみ、その都度異なったものを使用できる
と言うことでしょうか?
お手数をお掛けしますが宜しくです。
2007/11/09 23:39URL | 青空 #-[ 編集] | page top↑
今日も随分自分のブログで遊びました
楽しいで~す
2007/11/10 02:22URL | 亀 #-[ 編集] | page top↑
青空さん♪ こんちゃ~っす♪
コメント♪めっちゃ、嬉しいですぅ~☆彡

なにやら、面白い事を考えましたねぇ~(笑
個々にフィルターを設定する事は可能ですが。。。
今回のソースは、一括で指定しているので♪
残念ながら、現状のソースでは無理ですぅ~♪
でも。。。
フィルターを付けるものと付けないものを指定するのは簡単です。
そこで!現在の青空さんのソースで♪
殆ど!大丈夫なのですが。。。
二点ほど変更箇所があります。
一点目は。。。
今回、ご使用のPixelateは、フェードイン+フェードアウトで1セットですので♪
途中で使う分には良いのですが。。。
最初の表示は、モザイクでの始まりとなりますぅ~(笑
そこで!()内にenabled='false'を追加してくださいね♪
こんな感じになりますぅ~♪

Pixelate(duration=2,enabled='false')

二点目は。。。
cct.filters[0].Apply()の削除ですが。。。
一番最初だけは、削除してしまうと!
モザイクのまま停止してしまいますぅ~(笑

あと。。。
おまけで♪MaxSquare=50を指定すると。。。
モザイクの大きさを指定できますぅ~♪
ソース内で使用する場合は。。。
数値は、1~50の間で使用してくださいね♪

こんな感じでいかがでしょうか?(笑
2007/11/10 14:50URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
亀さん♪ こんちゃ~っす♪
コメント♪どもどもですぅ~゚・*:..。o☆゚・*:..。o♡

いやぁ~♪楽しそうで、なによりですぅ~(笑
見に来てくれるお友達にも♪
亀さん♪の楽しさが♪きっと、伝わりますよ~♪
2007/11/10 14:56URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
効果を換えれば、また楽しく成りますね。♪
上手く出来るか?どうかは?解らないのですが、とりあえず!
保存して持ち帰ります。
ますたー。さん!有難うございます。v-25
2007/11/10 15:16URL | 菜桜 #7FYfktyY[ 編集] | page top↑
ますたー。さん、こんばんは。
早速ソースをお借りして使わせていただきました。
でも今回画像の動きが出ませんが、これでいいのでしょうか??
一つの画像をクリックする毎に7枚にした画像は指定した上下ブラインドにはなっているのですが??


以前お借りしたものでは、上にスクロールがあったのですが???ソースが違うのでしょうか?
それとも私の方のミスでしょうか??
2007/11/10 23:03URL | 風のたより(S.K) #-[ 編集] | page top↑
菜桜さん♪ こんちゃ~っす♪
コメント♪めっちゃ、嬉しいですぅ~☆彡

そうなんですよ。。。
効果を上手く使うと♪なかなか面白いものが出来ますねぇ~♪
効果の()内を変えても、いろいろなものが出来るので。。。
凄い種類のフィルターを作ることが出来そうですぅ~(笑
2007/11/11 14:28URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
風のたより(S.K)さん♪ こんちゃ~っす♪
コメント♪めっちゃ、嬉しいですぅ~☆彡

今回♪参考に載せたソースは。。。
簡単に、効果の変更が楽しめるように
スクロールは付いていない物ですぅ~♪
上に表示したスクロール付きのアルバムは。。。
突貫工事で♪今回のフィルター用に変更したものですので♪
ソースが無駄に長くて。。。
とても、編集し辛そうですのでぇ~(笑
ソースは、載せませんでしたぁ~♪
少し♪ダイエットしてから、載せますねぇ~(笑
2007/11/11 14:31URL | ますたー。 #kJ7UNJBs[ 編集] | page top↑
コメントの投稿












管理者にだけ表示を許可する(内緒話にはチェックを入れてね♪)

トラックバック
トラックバックURL
http://japra.blog34.fc2.com/tb.php/590-f6472fd4
この記事にトラックバックする(FC2ブログユーザー)
ホーム

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。