您现在的位置: 黔东南远程教育网 >> 电脑技术 >> 本站知识 >> 信息正文
黔东南远程教育网,请您阅读:
彻底改变图片频道显示方式,点击图片连接到下一张
作者:佚名  信息来源:网络  浏览:  更新:2008-09-11      【留言】 【字体:

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

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

相关资料来源于报刊杂志网络信息上传:admin    编辑发布:admin 
  • 上一篇信息:

  • 下一篇信息: 没有了
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点
    最新推荐

     相关信息
    GetArticleList以div输出定义一行四列效果
    【SoftList(参数列表)】如何设置每行显示两个下载
    如何让网页中的内容实现简繁转换功能
    【ArticleList(参数列表)】如何做成两列一换行效果
    采集使用技巧之一:Flash的采集
    文章频道图片无缝跑马灯效果
    2006版版式模板管理
    方案间模板/风格迁移
    2006版调用用户登录的修改方法
    模板常用CSS修改实际操作技巧
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    最新信息排行榜
    最新图文排行榜
    最新专题
    本网概况 | 关于本网 | 招聘英才 | 如何使用 | 远程服务 | 合作加盟 | 网站声明 | 友情链接 | 联系我们 | 返回主页 | 栏目导航
    备案:黔ICP备05000867号 | 网上传播视听节目许可证(060000)| 电话:0855-8256517 | Email:qdnycb@126.com | 本网QQ群:47181972
    黔 东 南 远 程 教 育 网 版 权 所 有 ,未 经 书 面 授 权 禁 止 使 用 本 网 资 源
    Copyright © 2004-2008 by www.qdnyj.gov.cn all rights reserved 1024×768