2009/12/3(木) 18:40
はじめての方は利用方法や
お願いについてガイドライン
のご一読をお願いします
　をクリックするとそのツリーの全記事を一度に閲覧できます。(Ver. 2.01)

[記事表示に戻る] [ツリートップの表示に戻る] 
-画像の反復トランジション表示の表示制限-ＭＡ(12/2/2006-10:20)No.10510
　┗Re:画像の反復トランジション表示の表示制限-菊池さん(12/2/2006-11:44)No.10511
　　┗無事、作動しました。-ＭＡ(12/2/2006-20:12)No.10512
トップに戻る
10510画像の反復トランジション表示の表示制限ＭＡ 12/2/2006-10:20

以前より御参考にさせてもらってます。
スライドショーのループ回数指定の様に、複数画像のトランジション表示もル
ープ回数指定出来ないモノかと思い、色々試してみましたが・・・ループ回数
指定が旨くできません。
御教授していただければ幸いです。
以下ソースです。
<HTML>
<HEAD>
<META HTTP-EQUIV="content-type" CONTENT="text/html;charset=Shift_JIS">
<TITLE>-top-</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
if (document.all) { //イメージのpreload
imgfile = new Array();
imgfile[0]=new Image(); imgfile[0].src="1.gif";
imgfile[1]=new Image(); imgfile[1].src="01.jpg";
imgfile[2]=new Image(); imgfile[2].src="1.jpg";
imgfile[3]=new Image(); imgfile[3].src="2.jpg";
imgfile[4]=new Image(); imgfile[4].src="3.jpg";
}
roop = 2; // ループ回数。0にすると無限ループします
rcnt = 0;

timeID3 = 0, indx = 0;
function Reveal_Trans3(){
if(document.all) { //IE4以上のとき
images3.filters.item(0).transition = 23;
images3.filters.item(0).Apply();
images3.src = imgfile[indx].src;
images3.filters.item(0).Play();
indx++;
if (indx >= imgfile.length) indx = 0;
clearTimeout(timeID3);
timeID3 = setTimeout("Reveal_Trans3()",5000);
}
if (roop != 0) rcnt++;

}
// -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#ffffff" TEXT="#000080" onload="Reveal_Trans3()"
LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0">
<P><IMG SRC="1.gif" ALT="" ALIGN=MIDDLE WIDTH=500 HEIGHT=300
NAME="images3" STYLE="FILTER:RevealTrans(Duration=3,Transition=23)"
ID="images3"><BR></P></BODY>
</HTML>

トップに戻る
10511Re:画像の反復トランジション表示の表示制限菊池さん 12/2/2006-11:44
記事番号10510へのコメント
if(document.all) { //IE4以上のとき
を
if(document.all && rcnt < roop*imgfile.length+1) { //IE4以上のとき
に変更してください。

トップに戻る
10512無事、作動しました。ＭＡ 12/2/2006-20:12
記事番号10511へのコメント
早々の御教授ありがとうございました。
無事に作動致しました。