Comment réaliser un album de tissage de rêves Cliquez sur l'image pour tourner la page-DEDECMS-php.cn

Comment réaliser un album de tissage de rêves Cliquez sur l'image pour tourner la page

藏色散人

Libérer： 2019-12-03 09:28:23

original

2082 Les gens l'ont consulté

Comment DreamWeaver peut-il tourner une page en cliquant sur une image de l'album ?

Dreamweaver DEDECMS réalise la fonction de cliquer sur l'image pour tourner la page de l'atlas

Apprentissage recommandé : Dreamweaver cms

1 . Afin de réaliser cette fonction, nous devons d'abord obtenir le numéro de page actuel et le numéro de page total de la page d'image

Modifier le fichier include/inc_archives_view.php

(1) Rechercher. la fonction ParseDMFields et modifiez-la en :

function ParseDMFields($pageNo,$ismake=1)  
{  
$this->NowPage = $pageNo;  
//获得当前页面编号  
$this->Fields[&#39;cpagenum&#39;] = $this->NowPage;  
if($this->SplitPageField!="" &&  
isset($this->Fields[$this->SplitPageField]))  
{  
$this->Fields[$this->SplitPageField] = $this->SplitFields[$pageNo - 1];  
}

Copier après la connexion

Notez que le code suivant a été ajouté pour obtenir le numéro de page actuel :

$this->Fields[&#39;cpagenum&#39;] = $this->NowPage;

Copier après la connexion

(2) Recherchez le constructeur de la fonction __construct et modifiez-le en :

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

Copier après la connexion

Notez que le code suivant a été ajouté pour obtenir le numéro de page total :

$this->Fields[&#39;totalpage&#39;] = $this->TotalPage;

Copier après la connexion

2 Ensuite, utilisez js dans le modèle pour analyser les pages statiques et les pages dynamiques et la page suivante <. 🎜>

Modifiez article_image.htm ou le modèle qui s'affiche finalement dans votre album, et ajoutez le code js suivant :

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

Copier après la connexion

Dans ce script js, nous définissons une méthode goNextPic pour passer à l'image suivante .

3. Enfin, modifiez le code de sortie de l'image et complétez l'appel de la méthode goNextPic

Modifier include/inc_channel_unit.php

Rechercher la partie "//Tous les atlas répertoriés ou paginés".

est modifié de la même manière (regardez bien le code, vous devez modifier à plusieurs endroits) :

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

Copier après la connexion

est :

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

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!