您好,登錄后才能下訂單哦!
織夢實現(xiàn)圖集單擊圖片翻頁的方法?這個問題可能是我們?nèi)粘W習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!
織夢怎么實現(xiàn)圖集單擊圖片翻頁?
織夢DEDECMS實現(xiàn)圖集單擊圖片翻頁的功能
1、為了實現(xiàn)這個功能,我們首先需要獲得圖片頁面的當前頁碼和總頁碼
編輯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構造函數(shù),修改為:
$this->TotalPage = count($this->SplitFields); } //獲得當前頁面總數(shù) $this->Fields['totalpage'] = $this->TotalPage; $this->LoadTemplet(); $this->ParseTempletsFirst(); }
注意增加了如下代碼用來獲得總頁碼:
$this->Fields['totalpage'] = $this->TotalPage;
2、接下來在模板中用js實現(xiàn)分析靜態(tài)頁面和動態(tài)頁面以及向下翻頁
編輯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方法調(diào)用
修改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> ";
感謝各位的閱讀!看完上述內(nèi)容,你們對織夢實現(xiàn)圖集單擊圖片翻頁的方法大概了解了嗎?希望文章內(nèi)容對大家有所幫助。如果想了解更多相關文章內(nèi)容,歡迎關注億速云行業(yè)資訊頻道。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。