TOP /すぐに使えるJavaScript | 画像の入れ替えX(IE専用) |
---|
<script type="text/javascript"><!-- chimg=new Array("01.jpg","02.jpg","03.jpg"); //入れ替える画像を増やすことも出来ます //増やす場合は("ファイル名","ファイル名","ファイル名","ファイル名")のように増やします stsec=4000; //入れ替えるときの時間(ミリ秒)クリックで切り替えるときは、0 fstyle="Push"; //フィルター効果 Push,Hide,Spin fband=1; //横に分割してスライド 1〜100 //----------------------------------------------------------- prImg= new Array(); for(i=0;i<chimg.length;i++){ prImg[i]=new Image(); prImg[i].src=chimg[i];} imgto=1; (!stsec)?alttext="クリックしてください":alttext=""; document.write("<img src='"+chimg[0]+"'ID='imgc'border=0 onclick='Ichenge()'"); document.write("style='filter:progid:DXImageTransform.Microsoft.Slide(Duration=2,Bands="+fband+",SlideStyle="+fstyle+")'alt='"+alttext+"'>"); function Ichenge(){if(!stsec)Istart();} function Istart(){ if(document.all && navigator.userAgent.indexOf('Opera')==-1){ document.images.imgc.filters[0].Apply(); document.images.imgc.src=prImg[imgto].src; document.images.imgc.filters[0].Play();} else{document.images.imgc.src=prImg[imgto].src;} imgto++;imgto%=chimg.length; if(stsec)setTimeout("Istart()",stsec); } if(stsec)setTimeout("Istart()",stsec);/* himajin.moo.jp */ // --></script>