TOP /すぐに使えるJavaScript | 画像の入れ替えT(IE5〜、NN6〜)opera対応 |
---|
<script type="text/javascript"><!-- chimg=new Array("01.jpg","02.jpg","03.jpg"); //入れ替える画像を増やすことも出来ます //増やす場合は("ファイル名","ファイル名","ファイル名","ファイル名")のように増やします chsec=100; //入れ替えスピード nostop=0; //ページを開いたら止まらずに入れ替えるときは1 stsec=1000; //止まらず入れ替えるときの時間(ミリ秒) //----------------------------------------------------------- opera=navigator.userAgent.indexOf("Opera",0); prImg= new Array(); for(i=0;i<chimg.length;i++){ prImg[i]=new Image(); prImg[i].src=chimg[i];} imgf=0;fo=100;chck=0;imgto=1; (!nostop)?alttext="クリックしてください":alttext=""; document.write("<img src='"+chimg[0]+"'ID='imgc'border=0 onclick='Ichenge()'style='filter:alpha(opacity=100);-moz-opacity:0.99;opacity:0.99;'alt='"+alttext+"'>"); function Ichenge(){if(!chck)Istart();} function Istart(){ chck=1; (!imgf)?fo=fo-2:fo=fo+2; if(document.all && navigator.userAgent.indexOf('Opera')==-1) document.images.imgc.filters['alpha'].opacity=fo; document.images.imgc.style.MozOpacity=fo/100; document.images.imgc.style.opacity=fo/100; if(fo==0){imgf=1; document.images.imgc.src=prImg[imgto].src; } if(fo<99){setTimeout("Istart()",chsec);} else{imgf=0;imgto++;imgto%=chimg.length; (nostop)?setTimeout("Istart()",stsec):chck=0; } } if(nostop){chck=1;setTimeout("Istart()",stsec);}/* himajin.moo.jp */ // --></script>