您现在的位置: 动易技术中心 >> 模板设计教程 >> 动易模板 >> 正文
彻底改变图片频道显示方式,点击图片连接到下一张

因为DLL的原因,图片频道能够个性化的地方很少,但是还是可以变通的找到些方法。

先看动易的图片列表标签 {$PhotoUrlList(1,130,90,90,90)}

会得到两组js代码 一组是{$GetUrlArray} 另一组是图片列表显示

标签名:{$GetUrlArray}
作 用:图片地址列表数组(JS代码),注意不能与{$PhotoUrlList(***)}标签同时使用

演示地址:http://www.xycomic.com/bizhi

上面的演示地址与本次修改方法略有相同,只是每页显示4张图片,没有修改为点图片到下一张

由于很多朋友想要“点击图片打开下一张”,所以做了一下修改提供给大家

=========开始修改==============================

模板中不需再用列表标签和图片显示标签({$ViewPhoto}),而是直接在你想显示大图的地方插入{$GetUrlArray}和图片列表显示的js代码,js代码需简单修改。

修改后的代码如下:

{$GetUrlArray}
<div id='PhotoUrlList'></div><script language='javascript'>
function ShowUrlList(page){
  if(arrUrl.length<=1) return '';
  var dTotalPage=arrUrl.length/1;
  var TotalPage;
  var MaxPerPage=1;
  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='javascript:ShowUrlList("+(page+1)+")'><img src='"+arrUrl[i]+"' border='0'  onload='if(this.width>700) this.width=700'></a></td>";
    if((i+1)%1==0&&i+1<MaxPerPage){strPage+='</tr><tr>';}
  }
  strPage+="</tr></table>";
  if(TotalPage>1){strPage+="<table><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>

有了这个方法作参考,图片频道可以更加个性化,自己发挥吧~~~~

文章录入:雅虎    责任编辑:雅虎 
  • 上一个文章:

  • 下一个文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    软件产品
    SiteFactory™ 内容管理系统
    SiteFactory™ 网上商店系统
    SiteWeaver™ 内容管理系统
    SiteWeaver™ 网上商店系统
    SiteWeaver™ 企业门户网站系统
    SiteWeaver™ 教育门户网站系统
    SiteWeaver™ 政府门户网站系统
    SiteWeaver™ 行业门户网站系统
    平台产品
    企业服务
    行业解决方案
    联系我们 | 关于动易 | 网站地图 | 相关证书 | 合作伙伴 | 招贤纳士 | 法律条款 | 隐私权声明
    安全上网网上报警
    动易网络科技有限公司版权所有 © 2003-  粤ICP备05004015号
    公安备案编号:200603D0322 本站基于 PowerEasy® SiteWeaver™ 制作