ホームページ  >  記事  >  CMS チュートリアル  >  夢のかなえ方 織るアルバム 画像をクリックするとページがめくれます

夢のかなえ方 織るアルバム 画像をクリックするとページがめくれます

藏色散人
藏色散人オリジナル
2019-12-03 09:28:232033ブラウズ

夢のかなえ方 織るアルバム 画像をクリックするとページがめくれます

Dreamweaver の画像をクリックしてアルバムのページ送りを実現するにはどうすればよいですか?

Dream Weaver DEDECMS は、画像をクリックして地図帳のページをめくる機能を実装します

推奨学習: Dream Weaver cms

1. この機能を実現するには、まず画像ページの現在のページ番号と総ページ番号を取得する必要があります。

include/inc_archives_view.php ファイルを編集します

(1)関数 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) 関数 __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=&#39;$src&#39; target=&#39;_blank&#39;><img src=&#39;$src&#39; alt=&#39;$alt&#39; $iw/></a><br/>$alt<br/></center>\r\n";

は:

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

以上が夢のかなえ方 織るアルバム 画像をクリックするとページがめくれますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。