So verwirklichen Sie Ihr Traumwebalbum Klicken Sie auf das Bild, um die Seite umzublättern

Wie kann DreamWeaver das Umblättern durch Klicken auf ein Bild im Album erreichen?

Dreamweaver DEDECMS realisiert die Funktion, auf das Bild zu klicken, um die Seite im Atlas umzublättern

Empfohlenes Lernen: Dreamweaver cms

1 Um diese Funktion zu realisieren, müssen wir zunächst die aktuelle Seitenzahl und die Gesamtseitenzahl der Bildseite ermitteln.

Bearbeiten Sie die Datei include/inc_archives_view.php

(1) Suchen die Funktion ParseDMFields und ändern Sie sie in:

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];  
}

Beachten Sie, dass der folgende Code hinzugefügt wurde, um die aktuelle Seitenzahl zu erhalten:

$this->Fields['cpagenum'] = $this->NowPage;

(2) Suchen Sie den Konstruktor der Funktion __construct und ändern Sie ihn wie folgt:

$this->TotalPage = count($this->SplitFields);  
}  
//获得当前页面总数  
$this->Fields['totalpage'] = $this->TotalPage;  
$this->LoadTemplet();  
$this->ParseTempletsFirst();  
}

Beachten Sie, dass der folgende Code hinzugefügt wurde, um die Gesamtseitenzahl zu erhalten:

$this->Fields['totalpage'] = $this->TotalPage;

2. Als nächstes verwenden Sie js in der Vorlage, um statische Seiten und dynamische Seiten zu analysieren

Bearbeiten Sie „article_image.htm“ oder die Vorlage, die schließlich in Ihrem Album angezeigt wird, und fügen Sie den folgenden js-Code hinzu:

<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>

In diesem js-Skript definieren wir eine Methode goNextPic, um zum nächsten Bild zu wechseln .

3. Ändern Sie abschließend den Bildausgabecode und schließen Sie den Aufruf der goNextPic-Methode ab.

Ändern Sie include/inc_channel_unit.php.

Suchen Sie den Teil „//Alle aufgelisteten oder paginierten Atlanten“.

wird auf ähnliche Weise geändert (schauen Sie sich den Code sorgfältig an, Sie müssen mehrere Stellen ändern):

$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";

ist:

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

Das obige ist der detaillierte Inhalt vonSo verwirklichen Sie Ihr Traumwebalbum Klicken Sie auf das Bild, um die Seite umzublättern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!