图片自动播放器

页面导航:首页 > 网络编程 > 网页播放器 > 图片自动播放器

图片自动播放器

来源:互联网 作者:脚本宝典 时间:2015-06-21 12:11 【

可以兼容ff,发现些小问题,希望大家多多讨论,使用方法呢 复制代码 代码如下: ImgName=newImgArray(3); ImgName[0]=4.jpg; ImgName[1]=1.jpg; ImgName[2]=2.jpg; ImgName[3]=3.jpg; 只需修改上面的地方即可,加了图片
可以兼容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> 
body img{border:3px ridge gold; } 
td,body { 
 color:#4b4b4b; 
 font-size:12px; 
 font-family:arial,sans-serif;  
 } 
.photobox {  
 border-top: 2px dotted #C6CFBD; 
 border-left: 2px dotted #C6CFBD; 
 border-right: 2px dotted #C6CFBD; 
 border-bottom: 2px dotted #C6CFBD; 
 
</style> 
 
 
</head> 
 
<body bgcolor="#FFFFFF"  onload="playImg()"> 
 
<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="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>
Tags:

相关文章

    文章评论

    最 近 更 新
    热 点 排 行
    Js与CSS工具
    代码转换工具
    
    <