广

织梦CMS教程

  • 帝国cms教程
  • 织梦CMS教程
  • PHP CMS教程
  • ECSHOP教程
  • WordPress教程
  • Discuz教程
  • CMS学习

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

    2018-04-02 20:51:22 次阅读 稿源:互联网
    广告

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

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

    1. function ParseDMFields($pageNo,$ismake=1)  
    2. {  
    3. $this->NowPage = $pageNo;  
    4. //获得当前页面编号  
    5. $this->Fields['cpagenum'] = $this->NowPage;  
    6. if($this->SplitPageField!="" &&  
    7. isset($this->Fields[$this->SplitPageField]))  
    8. {  
    9. $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;  

    2、接下来在模板中用js实现分析静态页面和动态页面以及向下翻页
    编辑article_image.htm或者你的图集最终显示的模板,增加如下js代码:

    1. <script language="javascript">  
    2. var npage = {dede:field/};  
    3. var totalpage = {dede:field/};  
    4. var filename="";  
    5. var curl=location.href;  
    6.  
    7. function goNextPic(){  
    8. str1 = //.html/ig;  
    9. 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. $revalue = "<center><a href='$src' target='_blank'><img src='$src' alt='$alt' $iw/></a><br/>$alt<br/></center>/r/n";  

    为:

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

     

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    广告
    广告
    广告