ホームページ > 記事 > CMS チュートリアル > 夢のかなえ方 織るアルバム 画像をクリックするとページがめくれます
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='$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> ";
以上が夢のかなえ方 織るアルバム 画像をクリックするとページがめくれますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。