織夢實現圖集單擊圖片翻頁的方法

織夢實現圖集單擊圖片翻頁的方法？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！

織夢怎么實現圖集單擊圖片翻頁？

織夢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 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> ";

感謝各位的閱讀！看完上述內容，你們對織夢實現圖集單擊圖片翻頁的方法大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。