Maison > Tutoriel CMS > DEDECMS > Comment réaliser un album de tissage de rêves Cliquez sur l'image pour tourner la page

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
2096 Les gens l'ont consulté

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

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['cpagenum'] = $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['cpagenum'] = $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['totalpage'] = $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['totalpage'] = $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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal