图片自动播放器脚本之家修正

时间:2021-03-17 人气:0

想了解图片自动播放器修正的相关内容吗，在本文为您仔细讲解的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：图片自动播放器修正，下面大家一起来学习吧。

图片自动播放器修正,可以兼容ff,发现些小问题,希望大家多多讨论,使用方法呢

ImgName=new ImgArray(3);  
ImgName[0]="4.jpg";  
ImgName[1]="1.jpg";  
ImgName[2]="2.jpg";  
ImgName[3]="3.jpg";

只需修改上面的地方即可,加了图片预载,转载请写明出处,剩下的大家来完善吧

<html> 
<head> 
<meta http-equiv="Content-Language" content="zh-cn"> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>图片自动播放器修正</title> 
<script language="JavaScript"> 
function $(objectId) {  
     if(document.getElementById && document.getElementById(objectId)) {  
    // W3C DOM  
       return document.getElementById(objectId);  
     }   
     else if (document.all && document.all(objectId)) {  
    // MSIE 4 DOM  
       return document.all(objectId);  
     }   
     else if (document.layers && document.layers[objectId]) {  
    // NN 4 DOM.. note: this won't find nested layers  
       return document.layers[objectId];  
     }   
     else {  
       return false;  
    }  
} 
var goid=0; 
var t=0; 
var imglen; 
  function ImgArray(len) 
  { 
   this.length=len; 
   } 
  ImgName=new ImgArray(3); 
ImgName[0]="4.jpg"; 
ImgName[1]="1.jpg"; 
ImgName[2]="2.jpg"; 
ImgName[3]="3.jpg"; 
imglen=ImgName.length; 
var d=document; 
if (d.images){ 
  if(!d.dxypp) var dxypp=new Array(); 
  var j=d.dxypp.length; 
  for(var ii=0;ii<imglen;ii++){ 
      d.dxypp[j].src=ImgName[ii]; 
    } 
} 
  function playImg() 
  { 
    t_end=document.player.intsec.value; 
 if (t==imglen) 
    { 
     t=0; 
    } 
    else 
    {t++;} 
if (t==imglen) 
    { 
     t_end=10000; 
   } 
 if (goid==0){ 
   if(document.all){ 
   $("theimg").style.filter="blendTrans(Duration=1)"; 
   $("theimg").filters[0].apply(); 
   $("theimg").src=ImgName[t]; 
   tIndex=t; 
   $("theimg").filters[0].play(); 
   }else{ 
   $("theimg").src=ImgName[t]; 
   } 
  } 
  mytimeout=setTimeout("playImg()",t_end); 
   } 
function go(id){ 
    if (id==1){ 
    t=1; 
     goid=0; 
     playImg(); 
     } 
    else if(id==2){ 
     goid=1; 
     t=1; 
     } 
    else if(id==3){  
     goid=1; 
     t-=1; 
     if (t<=imglen) $("theimg").src=ImgName[t];    
 } 
 else if(id==4){ 
  goid=1; 
  t+=1; 
   if (t>0 && t<=imglen){$("theimg").src=ImgName[t];} 
   else{ 
   t=1; 
   goid=1; 
   playImg(); 
   } 
 } 
 else{ 
  goid=0; 
  t=1; 
  playImg(); 
  } 
   
    }

</script>

</style>

</head>

<div align="center"> 
  <center> 
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse"

width="458"> 
    <tr> 
      <td width="458" align=center> 
      <p align="center"><b><font color="#000000">网贝博客图片自动播放器

</font></b>

</td> 
    </tr> 
   <form name="player" method="post" action=""> 
   <tr> 
   <td> 
    播放频率： 
     <select name="intsec"> 
      <option value=1000>1秒</option> 
      <option value=3000 Selected>3秒</option> 
      <option value=5000>5秒</option> 
      <option value=8000>8秒</option> 
      <option value=10000>10秒</option> 
     </select> 
   <input type="button" value="开始" onClick="javascipt:go(1)"> 
     <input type="button" value="停止" onClick="javascipt:go(2)"> 
     <input type="button" value="上一张" onClick="javascipt:go(3)"> 
     <input type="button" value="下一张" onClick="javascipt:go(4)"> 
     <input type="button" value="关闭" onClick="javascipt:window.close

();"> 
     
 
     
 
   </td> 
   </tr> 
 </form> 
   <tr> 
      <td width="458" class="photobox" align=center valign=middle> 
       
 
      <center><img src="https://m.qb5200.com/article/photoconver.jpg" name="theimg" border="0" id="theimg" style="cursor:hand" onClick="window.open(img.src);" onload="if(this.width>=400)

this.width=400;"> 
      </center> 
       
 
    </tr> 
  </table> 
  </center> 
</div> 
<p> </p>

</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容