实现dedecms图集单击图片翻页的功能

题记：在很多相册的网站中，都有这样的功能：当图片分多页显示的情况下，点击图片会自动翻页到下一张图片，接下来我们在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