站长中国
设为首页 | 站长论坛

站长论坛 站长下载
您所在的位置: 站长中国 > 站长学院 > 网络编程 > PHP专区 > 正文

实现dedecms图集单击图片翻页的功能
肥龙龙博客  2008年07月30日15:07:06  肥龙龙 评论(0条) 字体:[ ]
相关热点:
题记:在很多相册的网站中,都有这样的功能:当图片分多页显示的情况下,点击图片会自动翻页到下一张图片,接下来我们在dedecms4中实现这个功能。以下是实现方法:

1、为了实现这个功能,我们首先需要获得图片页面的当前页码和总页码
编辑include/inc_archives_view.php文件

(1)找到function ParseDMFields,修改为:


function ParseDMFields($pageNo,$ismake=1)
    
{
        
$this->NowPage = $pageNo;
        
//获得当前页面编号
        
$this->Fields['cpagenum'] = $this->NowPage;
        
if($this->SplitPageField!="" &&
          
isset($this->Fields[$this->SplitPageField]))
        
{
            
$this->Fields[$this->SplitPageField] = $this->SplitFields[$pageNo - 1];
        
}

注意增加了如下代码用来获得当前的页码:


$this->Fields[’cpagenum’] = $this->NowPage;

(2)找到function __construct构造函数,修改为

<?php
……
            
$this->TotalPage = count($this->SplitFields);
         }
        
//获得当前页面总数
        
$this->Fields['totalpage'] = $this->TotalPage;         
        
$this->LoadTemplet();
        
$this->ParseTempletsFirst();
     }


注意增加了如下代码用来获得总页码:


$this->Fields[’totalpage’] = $this->TotalPage;

2、接下来在模板中用js实现分析静态页面和动态页面以及向下翻页

编辑article_image.htm或者你的图集最终显示的模板,增加如下js代码:


<script language="javascript">
    
var npage = {dede:field name='cpagenum'/};
    var totalpage = {dede:field name='totalpage'
/};   
    
var filename="";
    
var curl=location.href;
    
function goNextPic(){   
    
str1 = /\.html/ig;
    
str2 = /_/ig;
    
r = curl.search(str1);
    
r1 = curl.search(str2);
    
if(r>0){
        
if(npage==1) filename = curl.substr(0,r);
        
else filename = curl.substr(0,r1);
 
        
if(npage==totalpage){ location.href = filename+".html"; }
        
else{
            
location.href = filename+"_"+(npage+1)+".html";
        
}
    
}else{
        
if(npage==totalpage){ location.href = "view.php?aid={dede:field name='id'/}"; }
        
else{
            
location.href = "view.php?aid={dede:field name='id'/}&pageno="+(npage+1);
        
}
    
}
}   
<
/script>


在这个js脚本中,我们定义一个方法goNextPic用来切换到下一个图片。

3、最后修改图片输出代码,完成goNextPic方法调用

修改include/inc_channel_unit.php
找到”//全部列出式或分页式图集”的部分。
修改类似(仔细看代码,需要修改好几个地方):

$revalue = "<center><a href='$src' target='_blank'><img src='$src' alt='$alt' $iw border='0'/></a><br/>$alt<br/></center>\r\n";

 为:


$revalue = "<center><a href='javascript:goNextPic();'><img src='$src' alt='$alt' $iw border='0'/></a><br/>$alt<br/></center> ";

the end. have fun!

原文地址: http://www.blog-dragon.com/2007/12/dedecms-pic-gopage.html




收藏本文 打印 打印本文  推荐本文 告诉好友 投稿 投稿邮箱

站长排行

学院

新闻

专栏

盈利

[揭密网络黄链]中国留学生买凶专破日本
windows 2008中文版iis7+asp+php+Acces
贴吧发帖机使用教程(绝对原创)
超强弹出窗口代码,什么都挡不住
Windows Vista局域网网络连接设置
JSP语法(6)
FLASH视觉特效实例之地震效果
关于数据分页(转自www.codeproject.co
教你如何在Vista中设置麦克风
不用Photoshop 在线恶搞大头像
全国哀悼日网友自发QQ隐身上线 向死难
淘宝网卖家公然叫卖“艳照门”照片集
抗震救灾/鱼目混珠?
Google绿色专家质疑黑色背景网页节省资
阿里妈妈广告卖主全攻略
电影小说类相关关键字搜索量列表
爆笑 阿里就这样把亿告征服!
大脚:实战单页面优化关键词之——淘宝
国内各IT企业办公环境揭秘(多图)
心系灾区,点燃希望——手机QQ2008祈福
ECSHOP模板制作参考文档
悬挂阿里妈妈会否被百度惩罚
ECSHOP模板下载
阿里妈妈是否是中小站长的救世主?
最强网店ECShop发新版 众多酷炫功能给
土豆网,优酷网,爆米花等视频网站采集
DedeCms模板安装/制作概述
网上商店系统巅峰对决 ECShop vs ShopE
编程中国全站采集规则
http://www.mt86.com全站采集规则
性福联盟 一个不尊重站长的联盟
百度网络广告利润增长将会持续多久
大脚:日赚100元—揭露最新firefox欺骗
分享经验:个人网站如何月赚1万!
大脚:垃圾站超级赚钱法之二—突破“站
迅雷联盟、快车联盟收入对比
大脚:垃圾站超级赚钱法之——前言
Google Adsense的秘密 第二版
风险投资公司vc联系方式名录大全(一)
经理人必看的十个管理网站
站长学院  网页设计 建站教程 图形图象 网络编程

制定完整的网站
制定完整的网站
中国企业网站的
中国企业网站的

网站运营之怎么样来粘住你的用
网麒:网站建设创意
怎样提高网页快照更新
两种方法,教你如何通过微软正
英文网站优化细节
利用SSL加密增强FTP服务器的安
网页设计常用Javascript经典代

新闻线索

如果你有站长界人事变动、重组并购、变革技术出现,以及产品投诉等重要新闻线索,请告诉我们,我们会给予特别关注。
0631-3653338
站长中国编辑部
站长中国24小时新闻热线: 13156089008