1. 云栖社区>
  2. PHP教程>
  3. 正文

实现dedecms图集单击图片翻页的功能-PHP编程教程

作者:用户 来源:互联网 时间:2017-12-01 15:54:08

dedecms点击图片

实现dedecms图集单击图片翻页的功能-PHP编程教程 - 摘要: 本文讲的是实现dedecms图集单击图片翻页的功能-PHP编程教程,题记:在很多相册的网站中,都有这样的功能:当图片分多页显示的情况下,点击图片会自动翻页到下一张图片,接下来我们在dedecms4中实现这个功能。以下是实现方法:1、为了实现这个功能,我们首先需要获得图片页面的当前页码和总页码 编辑inclu

题记:在很多相册的网站中,都有这样的功能:当图片分多页显示的情况下,点击图片会自动翻页到下一张图片,接下来我们在dedecms4中实现这个功能。以下是实现方法:

1、为了实现这个功能,我们首先需要获得图片页面的当前页码和总页码
编辑include/inc_archives_view.php文件

(1)找到function 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)找到function __construct构造函数,修改为

<?php
……
$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 name='cpagenum'/};
var totalpage = {dede:field name='totalpage'
/};
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 name='id'/}"; }
else{
location.href = "view.php?aid={dede:field name='id'/}&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 border='0'/></a><br/>$alt<br/></center>/r/n";

为:


$revalue = "<center><a href='javascript:goNextPic();'><img src='$src' alt='$alt' $iw border='0'/></a><br/>$alt<br/></center> ";


the end. have fun!

原文地址: http://www.blog-dragon.com/2007/12/dedecms-pic-gopage.html


以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索的 , dedecms 点击图片 ,以便于您获取更多的相关知识。