<div class="codetitle"> <span><a style="CURSOR: pointer" data="5653" class="copybut" id="copybut5653" onclick="doCopy('code5653')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code5653"> <br> <br> <br><title></title> <br><script src="Scripts/jquery-1.4.1.min.js" type=" text/javascript"></script> <br><script type="text/javascript"> <BR>varspeed = 2;//画像切り替え速度<BR>var nowlan =0;//画像の開始時間<BR>function changepic() { <BR>var imglen = $("div[name='pic']").find("div").length <🎜; >$( "div[name='pic']").find("div").hide(); <BR>$("div[name='pic']").find("div")。 eq(nowlan ).show(); <BR>nowlan = nowlan 1 ==imglen ?0:nowlan 1; <BR>t = setTimeout("changepic()", 速度 * 1000); onload = function () {changepic(); } <BR>$(document).ready(function () { <BR>//画像の上にマウスを置くとスイッチが一時停止します<BR>$("div[name= 'pic'] ").hover(function () { clearInterval(t); }); <BR>//マウスが画像から離れた後も切り替えを継続します<BR>$("div[name='pic']") .mouseleave(function () {changepic(); }); <BR></script> <br> ="pic" style=" float:left;position:relative;overflow:hidden;width:300px;height:240px;" > <br><div><img src="/static/imghwm/default1.png" data-src="菊.jpg" class="lazy" style="max-width:90%" style="max-width:90%" alt="1"></div> <br><div> <img src="/static/imghwm/default1.png" data-src="砂漠.jpg" class="lazy" style="max-width:90%" style="max-width:90%" alt=" 2"> <br><div><img src="/static/imghwm/default1.png" data-src="アジサイ.jpg" class="lazy" style="max-width:90%" style="max-width:90%" alt="3"></div> <br> </div> <br> </div>