瓦窑源码 快速建站好帮手
客服QQ客服QQ 微信号微信号

织梦dedecms图片集如何实现点击图片翻页

本文介绍了织梦dedecms图片集如何实现点击图片翻页,解决思路:打开这个文件inc_archives_view.php,根据教程给出的方法,找到对应的代码改为新的代码,然后使用新的调用方法,就可以实现标题所以实现的目的了。

织梦网站源码

织梦dedecms图片集如何实现点击图片翻页?下面就来看看如何实现这个功能。

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构造函数,修改为:

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

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

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

<span style="padding: 0px; margin: 0px 3px; color: rgb(68, 68, 68); font-family: &quot;microsoft yahei&quot;, verdana, arial; font-size: 13px; line-height: 24px; white-space: normal; background-color: rgb(255, 255, 255);">2、接下来在模板中用js实现分析静态页面和动态页面以及向下翻页&nbsp;</span> <span style="padding: 0px; margin: 0px 3px; color: rgb(68, 68, 68); font-family: &quot;microsoft yahei&quot;, verdana, arial; font-size: 13px; line-height: 24px; white-space: normal; background-color: rgb(255, 255, 255);">编辑article_image.htm或者你的图集最终显示的模板,增加如下js代码:</span>

<script language="javascript">  
var npage = {dede:field/};  
var totalpage = {dede:field/};  
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/}"; }  
else{  
location.href = "view.php?aid={dede:field/}&pageno="+(npage+1);  
}  
}  
}  
</script>  

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

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

修改include/inc_channel_unit.php

找到”//全部列出式或分页式图集”的部分。

修改类似(仔细看代码,需要修改好几个地方):

<span style="padding: 0px; margin: 0px 3px; color: rgb(68, 68, 68); font-family: &quot;microsoft yahei&quot;, verdana, arial; font-size: 13px; line-height: 24px; white-space: normal; background-color: rgb(255, 255, 255);">$revalue = "<center><a href='$src' target='_blank'><img src='$src' alt='$alt' $iw/></a><br/>$alt<br/></center>\r\n";  </span>

为:

<span style="padding: 0px; margin: 0px 3px; color: rgb(68, 68, 68); font-family: &quot;microsoft yahei&quot;, verdana, arial; font-size: 13px; line-height: 24px; white-space: normal; background-color: rgb(255, 255, 255);">$revalue = "<center><a href='javascript:goNextPic();'><img src='$src' alt='$alt' $iw/></a><br/>$alt<br/></center> ";</span>

以上就是关于织梦点击图片翻页的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

微信公众号

TAG标签:织梦点击图片翻页

上一个:织梦dedecms如何实现缩略图尺寸大小整齐一致
下一个:织梦dedecms实现二级栏目为空时不显示同级栏目

瓦窑源码专注织梦网站源码与静态模板分享,提供织梦模板,dedecms模板,织梦企业源码,dedecms商业源码和织梦免费模板下载

织梦源码 - 织梦模板 - 网页素材 - 织梦教程 - 站长学院 - 热门排行 - Tags标签 - 网站地图 - 免责声明

Copyright©2021 瓦窑源码 Why114.COM 版权所有 鲁ICP备20017802号-2

客服QQ:1847629575 微信号:qilujianzhan

展开