我們緊接上一篇講過的圖片集的問題再深入研討一下織夢模板制作過程中如何實現實現圖集單擊圖片翻頁的功能。為了視線圖片集點擊圖片實現翻頁功能，我們首先需要需要獲得圖片頁面的當前頁碼和總頁碼。下面跟隨武林網一起來探討如何實現吧。

第一步、獲得圖片頁面的當前頁碼和總頁碼 

編輯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;

第二步、在模板中用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用來切換到下一個圖片。 

第三步、最后修改圖片輸出代碼，完成goNextPic方法調用 

修改include/inc_channel_unit.php 

找到”//全部列出式或分頁式圖集”的部分。 

修改類似（仔細看代碼，需要修改好幾個地方）：

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

修改為：

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