网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> 动易专区 >> SiteWeaver教程 >> 正文
最新文章
· SiteWeaver系统结构功能概述
· SiteWeaver数据表列表
· IE8正式版下Siteweaver后台编辑器无效
· 在自定义标签中运用js
· SiteWeaver会员登录调用方法
· 生成html或刷新栏目JS时提示“写入文
· 实现文章中出现的关键字自动加亮加连
· 搜狐flash幻灯片标签
· SiteWeaver6.8无限级树形导航标签
· SiteWeaver CMS转换升级为SiteWeaver
热门文章
 动易SiteWeaver版自定义动态标签、
 生成html或刷新栏目JS时提示“写入
 文章自定义列表标签【ArticleList】
 SiteWeaver 6.8会员模板使用说明
 SiteWeaver数据表列表
 FLV视频插件 for SW系列
 在自定义标签中运用js
 Siteweaver模板对应的页面
 文章栏目页标签【ArticleList_Chil
 实现文章中出现的关键字自动加亮加
相关文章
如何在图片频道调用文章频道的信息?
彻底改变图片频道显示方式,点击图片连接到下一张
来源:畅无忧设计 更新时间:2010/7/9 16:04:44 阅读次数:
字体:[ ] 我要投稿

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

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

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号