| 网站首页 | 绿色软件 | 绿色数码 | 安全中心 | 屏保中心 | 源码中心 | 电子书库 | 教程库 | 图片库 | 资料库 | 算命 | 笑话 | 广告 | 绿站旧版 | 返回总部 | 
您现在的位置: 绿色软件站 >> 教程库 >> 网络类 >> 动易手册 >> 文章正文
彻底改变图片频道显示方式,点击图片连接到下一张           ★★★
彻底改变图片频道显示方式,点击图片连接到下一张
作者:佚名 文章来源:Onegreen.Net 浏览次数: 更新时间:2008-7-27 7:55:30

因为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>

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

文章录入:onegreen    责任编辑:onegreen 
  • 上一篇文章:

  • 下一篇文章: 没有了
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口


    相 关 信 息
    最 新 文 章
    热点推荐
    最 新 热 门
    最 新 推 荐
    相 关 文 章
    解决动易相关文章不能跨频道调用相关文章的
    解决动易文章频道下调用商城频道相关商品的
    给SiteWeave6.5增加一个点击放大图片功能
    动易下载频道添加了快车和迅雷下载的完美方