北京赛车pk10开奖直播 北京赛车pk10开奖直播| pk10开奖直播| 北京赛车pk10直播| pk10直播| pk10北京赛车

Baidu

 | 网站首页 | QQ个性网 | 软件下载 | 免费素材 | 桌面美化 | 源码中心 | 教程中心 | 猎奇图库 | 图片中心 | 留言 | 分类 | 
 绿色第一站 >> 教程中心 >> 网站类 >> 动易CMS >> 
彻底改变图片频道显示方式,点击图片连接到下一张
作者:佚名 文章来源:Onegreen.Net 浏览次数:(载入中...) 更新时间:2008-7-27

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

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


关 键 字:动易
相关文章:
动易文章关键字加上搜索链接的方法
动易|SiteWeaver在线投票系统
给你的网站加个"顶"文章的功能[更新为适合SiteWeaver6.5的版本]
动易CMS SiteWeaver 6.5/6.6/6.7 最经典的18个插件大汇总
解决动易相关文章不能跨频道调用相关文章的问题
  • 上一篇文章:
  • 下一篇文章:
  • 子栏目导航
     网站架设   SEO 技术
     织网备忘   动易CMS
     帝国CMS   织梦CMS
     PHPWind   WordPress
    最 新 教 程
    最 新 推 荐
    最 新 热 门
    http://www.vxiaotou.com

    免责声明: 本站资料及图片来源互联网文章,本网不承担任何由内容信息所引起的争议和法律责任。所有作品版权归原创作者所有,与本站立场无关,如用户分享不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!