图片上一张,下一张

<div class="XX_Content"> <table class=center_tdbgall cellSpacing=0 cellPadding=0 width=675 align=center border=0>
  <tr>
    <td class=left_tdbgall vAlign=center align=middle width="300" height="300">
     
      <div id='imgBox' style=" padding-top:20px;width:674px""></div>
  <script language='javascript'>
var siteurl="{$SiteURL/}{$UploadDir/}";
var firstpho="";
var photos="{SField sid="图库模型数据源标签" FD="PhotoUrl" page="0"/}" ;
var pho=photos.split("$");
var arrUrlName=new Array();
var arrUrl=new Array();
for(i=0;i<pho.length;i++)
{
   arrUrlName[i]=pho[i].split("|")[0];
   arrUrl[i]=siteurl+"/"+pho[i].split("|")[1];
   if(i==0)
      firstpho=siteurl+"/"+pho[i].split("|")[1];
}
</script>
  <script language='javascript'>
function writepicnum(ii)
{
 document.getElementById("nowpicnum").value=ii;
 if(arrUrl[ii]!=undefined)
 {
 ViewPhoto(arrUrl[ii]);
 }
}

function writepicnums(ii)
{
 var tempcc= parseInt(document.getElementById("nowpicnum").value)+1;
 if(tempcc>pho.length-1){tempcc=pho.length-1}
   return tempcc;
}

function writepicnumsdown(ii)
{
 if(parseInt(document.getElementById("nowpicnum").value)<0){document.getElementById("nowpicnum").value="0"}
 var tempvalue = parseInt(document.getElementById("nowpicnum").value)-1;
 if(tempvalue<0){tempvalue=0;}
   return tempvalue;
}
function ViewPhoto(PhotoUrl){
  var strHtml;
  var FileExt=PhotoUrl.substr(PhotoUrl.lastIndexOf('.')+1).toLowerCase();
  if(FileExt=='gif'||FileExt=='jpg'||FileExt=='png'||FileExt=='bmp'||FileExt=='jpeg'){
    strHtml="<table width=30% border=0 align=center cellpadding=0 cellspacing=0 ><tr><td align=center><a href='"+PhotoUrl+"' target='PhotoView'><img src='"+PhotoUrl+"' border='0' οnlοad='if(this.width>600) this.width=600' style='border:1px #CCC solid;height:450px;'></a></td></tr><tr><td><table width=100% border=0 cellspacing=0 cellpadding=0 style=/"padding-top:20px;/"><tr><td align=right><div style=/"height:24px; line-height:24px; background:#f6f6f6; border:1px solid #ccc; width:50px; text-align:center; /"><a href='javascript:void(0)' οnclick='writepicnum(writepicnumsdown())'>上一张</a></div></td><td width=20></td><td align=left><div style=/"height:24px; line-height:24px; background:#f6f6f6; border:1px solid #ccc; width:50px; text-align:center; /"><a href='javascript:void(0)' οnclick='writepicnum(writepicnums())'>下一张</a></div></td></tr></table></td></tr></table>";
  }else if(FileExt=='swf'){
    strHtml="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='600' height='400' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0'><param name='movie' value='"+PhotoUrl+"'><param name='quality' value='high'><embed src='"+PhotoUrl+"' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='550' height='400'></embed></object>";
  }else{
    strHtml=PhotoUrl;
  }
  imgBox.innerHTML=strHtml;
}
ViewPhoto(firstpho);
</script>
  </td>
    </tr>
  <tr>
    <td class=Article_tdbgall align=middle><input name="nowpicnum" id="nowpicnum" type="hidden" value="0" />
  <div id='PhotoUrlList' style=" padding-top:20px;"></div>
  <script language='javascript'>
function ShowUrlList(page){
  if(arrUrl.length<=1) return '';
  var dTotalPage=arrUrl.length/5;
  var TotalPage;
  var MaxPerPage=5;
  if(arrUrl.length%MaxPerPage==0){TotalPage=Math.floor(dTotalPage);}else{TotalPage=Math.floor(dTotalPage)+1;}
  if(page<1) page=1;
  if(page>TotalPage) page=TotalPage;
  var strPage='<table><tr>';
  for(var i=(page-1)*MaxPerPage;i<arrUrl.length&&i<page*MaxPerPage;i++){
    strPage+="<td><a href='#Title' οnclick=ViewPhoto('"+arrUrl[i]+"');writepicnum('"+i+"');><img src='"+arrUrl[i]+"' border='0'  width='120' height='120'  style='border:1px #CCC solid'></a></td>";
    if((i+1)%5==0&&i+1<page*MaxPerPage){strPage+='</tr><tr>';}
  }
  strPage+="</tr></table>";
  if(TotalPage>1){strPage+="<table height='50'><tr><td><a href='javascript:ShowUrlList(1)'>首页</a> <a href='javascript:ShowUrlList("+(page-1)+")'>上一页</a> <a href='javascript:ShowUrlList("+(page+1)+")'>下一页</a> <a href='javascript:ShowUrlList("+TotalPage+")'>尾页</a></td></tr></table>";}
  PhotoUrlList.innerHTML=strPage;
}
ShowUrlList(1);
</script>
  </td>
    </tr>
  <tr>
    <td class=main_tdbg_760>
      </td>
    </tr>
  <tr>
    <td class=main_shadow></td>
    </tr>
</table>
</div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值