欢迎来到欣怡建站!我们致力于提供优质的网站建站服务
注册

DEDECMS实现图集单击图片翻页的功能

相关案例演示

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

(1)找到function ParseDMFields,修改为:

01 function ParseDMFields($pageNo,$ismake=1) 
02
03 $this->NowPage = $pageNo; 
04 //获得当前页面编号 
05 $this->Fields['cpagenum'] = $this->NowPage; 
06 if($this->SplitPageField!="" && 
07 isset($this->Fields[$this->SplitPageField])) 
08
09 $this->Fields[$this->SplitPageField] = $this->SplitFields[$pageNo - 1]; 
10 }

注意增加了如下代码用来获得当前的页码:

 

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

(2)找到function __construct构造函数,修改为:

 

1 $this->TotalPage = count($this->SplitFields); 
2
3 //获得当前页面总数 
4 $this->Fields['totalpage'] = $this->TotalPage; 
5 $this->LoadTemplet(); 
6 $this->ParseTempletsFirst(); 
7 }
注意增加了如下代码用来获得总页码:

 

 

1 $this->Fields['totalpage'] = $this->TotalPage;
1 <span style="padding: 0px; margin: 0px 3px; color: rgb(68, 68, 68); font-family: "microsoft yahei", verdana, arial; font-size: 13px; line-height: 24px; white-space: normal; background-color: rgb(255, 255, 255);">2、接下来在模板中用js实现分析静态页面和动态页面以及向下翻页 </span> <span style="padding: 0px; margin: 0px 3px; color: rgb(68, 68, 68); font-family: "microsoft yahei", verdana, arial; font-size: 13px; line-height: 24px; white-space: normal; background-color: rgb(255, 255, 255);">编辑article_image.htm或者你的图集最终显示的模板,增加如下js代码:</span>
1  
01 <script language="javascript"
02 var npage = {dede:field/}; 
03 var totalpage = {dede:field/}; 
04 var filename=""; 
05 var curl=location.href; 
06  
07 function goNextPic(){ 
08 str1 = /\.html/ig; 
09 str2 = /_/ig; 
10 r = curl.search(str1); 
11 r1 = curl.search(str2); 
12 if(r>0){ 
13 if(npage==1) filename = curl.substr(0,r); 
14 else filename = curl.substr(0,r1); 
15  
16 if(npage==totalpage){ location.href = filename+".html"; } 
17 else{ 
18 location.href = filename+"_"+(npage+1)+".html"; 
19
20 }else{ 
21 if(npage==totalpage){ location.href = "view.php?aid={dede:field/}"; } 
22 else{ 
23 location.href = "view.php?aid={dede:field/}&pageno="+(npage+1); 
24
25
26
27 </script>
 在这个js脚本中,我们定义一个方法goNextPic用来切换到下一个图片。 

3、最后修改图片输出代码,完成goNextPic方法调用 

修改include/inc_channel_unit.php 
找到”//全部列出式或分页式图集”的部分。 
修改类似(仔细看代码,需要修改好几个地方):
1  
查看源码
 
打印代码帮助
1 <span style="padding: 0px; margin: 0px 3px; color: rgb(68, 68, 68); font-family: "microsoft yahei", verdana, arial; font-size: 13px; line-height: 24px; white-space: normal; background-color: rgb(255, 255, 255);">$revalue = "<center><a href='$src'target='_blank'><img src='$src' alt='$alt' $iw/></a><br/>$alt<br/></center>\r\n";  </span>
为:
1  
1 <span style="padding: 0px; margin: 0px 3px; color: rgb(68, 68, 68); font-family: "microsoft yahei", verdana, arial; font-size: 13px; line-height: 24px; white-space: normal; background-color: rgb(255, 255, 255);">$revalue = "<center><ahref='javascript:goNextPic();'><img src='$src' alt='$alt' $iw/></a><br/>$alt<br/></center> ";</span>
 

作者:欣怡建站 挑错 时间:2018-03-20 23:50
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(984818011)进行交流。
相关教程
在线客服