TOP /すぐに使えるJavaScript | 画像の入れ替えV(IE専用)同一ページに複数使用 |
---|
<script type="text/javascript"><!-- chimg=new Array(); chimg[0]=new Array("01.jpg","02.jpg","03.jpg"); //入れ替える画像を増やすことも出来ます chimg[1]=new Array("03.jpg","02.jpg","01.jpg"); //増やす場合はchimg[連番]=new Array("ファイル名","ファイル名","ファイル名","ファイル名")のように増やします stsec=3000; //入れ替えるときの時間(ミリ秒) //----------------------------------------------------------- prImg= new Array(); imgto= new Array(); for(i=0;i<chimg.length;i++){ prImg[i]= new Array(); for(j=0;j<chimg[i].length;j++){ prImg[i][j]=new Image(); prImg[i][j].src=chimg[i][j]; } imgto[i]=-1; } function Ichenge(n){ if(imgto[n] != -1 )return; imgto[n]++; eval("setID"+n+"=setInterval(\"Istart('"+n+"')\",stsec)") } function Istart(im){ imgto[im]++;imgto[im]%=chimg[im].length; if(document.all){ document.images["imgc"+im].filters[0].Apply(); document.images["imgc"+im].src=prImg[im][imgto[im]].src; document.images["imgc"+im].filters[0].Play();} else{document.images["imgc"+im].src=prImg[im][imgto[im]].src;} if(imgto[im]==0){ imgto[im] = -1; clearInterval(eval("setID"+im) ); } } function Imgwrite(imw){ document.write("<img src='"+chimg[imw][0]+"'ID='imgc"+imw+"'border=0 onclick='Ichenge(\""+imw+"\")'style='filter:blendTrans(duration=fade_duration);cursor:pointer'alt='クリックしてください'>"); }/*himajin.moo.jp*/ // --></script> <!-- Imgwrite("番号")はchimg[連番]と対の数字に --> <!-- 表示位置に下記scriptを記述 --> <script>Imgwrite("0")</script> <script>Imgwrite("1")</script>