實(shí)現(xiàn)dedecms圖集單擊圖片翻頁(yè)的功能
更新時(shí)間:2008年03月19日 17:51:35 作者:
題記:在很多相冊(cè)的網(wǎng)站中,都有這樣的功能:當(dāng)圖片分多頁(yè)顯示的情況下,點(diǎn)擊圖片會(huì)自動(dòng)翻頁(yè)到下一張圖片,接下來(lái)我們?cè)赿edecms4中實(shí)現(xiàn)這個(gè)功能。以下是實(shí)現(xiàn)方法:
1、為了實(shí)現(xiàn)這個(gè)功能,我們首先需要獲得圖片頁(yè)面的當(dāng)前頁(yè)碼和總頁(yè)碼
編輯include/inc_archives_view.php文件
(1)找到function ParseDMFields,修改為:
function ParseDMFields($pageNo,$ismake=1)
{
$this->NowPage = $pageNo;
//獲得當(dāng)前頁(yè)面編號(hào)
$this->Fields['cpagenum'] = $this->NowPage;
if($this->SplitPageField!="" &&
isset($this->Fields[$this->SplitPageField]))
{
$this->Fields[$this->SplitPageField] = $this->SplitFields[$pageNo - 1];
}
注意增加了如下代碼用來(lái)獲得當(dāng)前的頁(yè)碼:
$this->Fields['cpagenum'] = $this->NowPage;
(2)找到function __construct構(gòu)造函數(shù),修改為:
<?php
……
$this->TotalPage = count($this->SplitFields);
}
//獲得當(dāng)前頁(yè)面總數(shù)
$this->Fields['totalpage'] = $this->TotalPage;
$this->LoadTemplet();
$this->ParseTempletsFirst();
}
注意增加了如下代碼用來(lái)獲得總頁(yè)碼:
$this->Fields['totalpage'] = $this->TotalPage;
2、接下來(lái)在模板中用js實(shí)現(xiàn)分析靜態(tài)頁(yè)面和動(dòng)態(tài)頁(yè)面以及向下翻頁(yè)
編輯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>
在這個(gè)js腳本中,我們定義一個(gè)方法goNextPic用來(lái)切換到下一個(gè)圖片。
3、最后修改圖片輸出代碼,完成goNextPic方法調(diào)用
修改include/inc_channel_unit.php
找到”//全部列出式或分頁(yè)式圖集”的部分。
修改類(lèi)似(仔細(xì)看代碼,需要修改好幾個(gè)地方):
$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!
編輯include/inc_archives_view.php文件
(1)找到function ParseDMFields,修改為:
function ParseDMFields($pageNo,$ismake=1)
{
$this->NowPage = $pageNo;
//獲得當(dāng)前頁(yè)面編號(hào)
$this->Fields['cpagenum'] = $this->NowPage;
if($this->SplitPageField!="" &&
isset($this->Fields[$this->SplitPageField]))
{
$this->Fields[$this->SplitPageField] = $this->SplitFields[$pageNo - 1];
}
注意增加了如下代碼用來(lái)獲得當(dāng)前的頁(yè)碼:
$this->Fields['cpagenum'] = $this->NowPage;
(2)找到function __construct構(gòu)造函數(shù),修改為:
<?php
……
$this->TotalPage = count($this->SplitFields);
}
//獲得當(dāng)前頁(yè)面總數(shù)
$this->Fields['totalpage'] = $this->TotalPage;
$this->LoadTemplet();
$this->ParseTempletsFirst();
}
注意增加了如下代碼用來(lái)獲得總頁(yè)碼:
$this->Fields['totalpage'] = $this->TotalPage;
2、接下來(lái)在模板中用js實(shí)現(xiàn)分析靜態(tài)頁(yè)面和動(dòng)態(tài)頁(yè)面以及向下翻頁(yè)
編輯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>
在這個(gè)js腳本中,我們定義一個(gè)方法goNextPic用來(lái)切換到下一個(gè)圖片。
3、最后修改圖片輸出代碼,完成goNextPic方法調(diào)用
修改include/inc_channel_unit.php
找到”//全部列出式或分頁(yè)式圖集”的部分。
修改類(lèi)似(仔細(xì)看代碼,需要修改好幾個(gè)地方):
$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!
您可能感興趣的文章:
- DEDECMS首頁(yè)調(diào)用圖片集里的多張圖片
- 解決phpcms更換javascript的幻燈片代碼調(diào)用圖片問(wèn)題
- dedecms 批量提取第一張圖片最為縮略圖的代碼(文章+軟件)
- 實(shí)現(xiàn)dedecms圖集單擊圖片翻頁(yè)的功能
- 常用的php圖片處理類(lèi)(水印、等比縮放、固定高寬)分享
- php實(shí)現(xiàn)的通用圖片處理類(lèi)
- php多功能圖片處理類(lèi)分享(php圖片縮放類(lèi))
- PHP圖片處理類(lèi) phpThumb參數(shù)用法介紹
- 讓php處理圖片變得簡(jiǎn)單 基于gb庫(kù)的圖片處理類(lèi)附實(shí)例代碼下載
- 摘自織夢(mèng)CMS中的圖片處理類(lèi)
相關(guān)文章
動(dòng)易開(kāi)源PowerEasy® SiteWeaver™ 6.5系列產(chǎn)品發(fā)布免費(fèi)下載了
動(dòng)易開(kāi)源CMS 6.5正式版今日發(fā)布2008-01-01實(shí)現(xiàn)dedecms圖集單擊圖片翻頁(yè)的功能
題記:在很多相冊(cè)的網(wǎng)站中,都有這樣的功能:當(dāng)圖片分多頁(yè)顯示的情況下,點(diǎn)擊圖片會(huì)自動(dòng)翻頁(yè)到下一張圖片,接下來(lái)我們?cè)赿edecms4中實(shí)現(xiàn)這個(gè)功能。以下是實(shí)現(xiàn)方法:2008-03-03禁用WordPress的自動(dòng)保存草稿文章修訂功能方法詳解
在使用WordPress過(guò)程中我們?nèi)绾谓没蜿P(guān)閉WordPress的版本修訂歷史、自動(dòng)保存、自動(dòng)草稿功能呢,本文為大家分享了禁用這些功能的方法2018-10-10解決安裝wordpress時(shí)出現(xiàn)ERR_TOO_MANY_REDIRECTS重定向次數(shù)過(guò)多問(wèn)題
本文主要介紹了如何解決安裝wordpress時(shí)出現(xiàn)ERR_TOO_MANY_REDIRECTS重定向次數(shù)過(guò)多導(dǎo)致無(wú)法安裝的問(wèn)題2017-12-12推薦幾款免費(fèi)的開(kāi)源博客系統(tǒng)匯總
很多站長(zhǎng)都喜歡搭建一個(gè)自己的個(gè)人博客網(wǎng)站,無(wú)論是為了娛樂(lè)還是為了盈利,都沒(méi)有必要花很多錢(qián)來(lái)創(chuàng)建個(gè)人博客。事實(shí)上,你根本不需要花錢(qián),因?yàn)橛泻芏嗤耆赓M(fèi)的博客系統(tǒng)可供選擇。2023-05-05