画像効果U

◆画像効果U◆
 ┣１.画像効果１１　　　　　・・・　　Checkerboard acrossの動作をする。
┣２.画像効果１２　　　　　・・・　　Checkerboard downの動作をする。
 ┣３.画像効果１３　　　　　・・・　　Random dissolveの動作をする。
┣４.画像効果１４　　　　　・・・　　Split vertical inの動作をする。
 ┣５.画像効果１５　　　　　・・・　　Split vertical outの動作をする。
┣６.画像効果１６　　　　　・・・　　Split horizontal inの動作をする。
 ┣７.画像効果１７　　　　　・・・　　Split horizontal outの動作をする。
┣８.画像効果１８　　　　　・・・　　Split left downの動作をする。
 ┣９.画像効果１９　　　　　・・・　　Split left upの動作をする。
┗１０.画像効果２０　　　　　・・・　　Sprit right down動作をする。

　

画像効果１１

■■１■■
[概要]
Checkerboad acrossの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え１１</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=10)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

画像効果１２

■■２■■
[概要]
Checkboard downの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え１２</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=11)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

画像効果１３

■■３■■
[概要]
Random dissolveの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え１３</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=12)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

画像効果１４

■■４■■
[概要]
Solit vertical inの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え１４</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=13)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

画像効果１５

■■５■■
[概要]
Split vertical outの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え１５</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=14)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

画像効果１６

■■６■■
[概要]
Split horizontal inの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え１６</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=15)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

画像効果１７

■■７■■
[概要]
Split horizontal outの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え１７</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=16)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

画像効果１８

■■８■■
[概要]
Strips left downの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え１８</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=17)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

画像効果１９

■■９■■
[概要]
Strips left upの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え１９</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=18)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　

画像効果２０

■■１０■■
[概要]
Strips right downの動作をする。

[参照]

[ソース]
 <HTML>
<TITLE>画像切り替え２０</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//効果の指定と実行
function transitions(){
    //時間と効果の設定
    img1.style.filter = "revealTrans(duration=3.0,transition=10)";
    img1.style.visibility = "hidden";
    img1.filters[0].apply();
    img1.style.visibility = "visible";
    img1.filters[0].Play();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<IMG src="画像のURL" id="img1" style={visibility:hidden;}><P>
<INPUT type="button" value="効果" onClick="transitions()">
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　戻る