织梦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;

2、接下来在模板中用js实现分析静态页面和动态页面以及向下翻页 编辑article_image.htm或者你的图集最终显示的模板,增加如下js代码:

<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 找到”//全部列出式或分页式图集”的部分。 修改类似(仔细看代码,需要修改好几个地方):

$revalue = "<center><a rel="nofollow noopener noreferrer" href='$src' target='_blank'><img src='$src' alt="$alt" $iw/></a><br/>$alt<br/></center>\r\n";

为:

$revalue = "<center><a rel="nofollow noopener noreferrer" href='javascript:goNextPic();'><img src='$src' alt="$alt" $iw/></a><br/>$alt<br/></center> ";

本文织梦DEDECMS如何实现图集单击图片翻页的功能到此结束。人的才能像挂钟一样,如果停止了摆动,就要落后了。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
织梦CMS后台添加或编辑图集提示附加表时出错的如何解决方法

织梦图集整合layui上传可多图集多实例可会员多图集

dedecms如何把后台的图集编辑器修改为文章编辑器的步骤

dedecms程序网站后台如何使用图集上传后不能按顺序排列怎么办

dedecms发图集填写的注释显示在标题上该怎么设置