主页 > 知识库 > 实现dedecms图集单击图片翻页的功能

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

热门标签:重庆人工智能电销机器人报价 长春极信防封电销卡公司 强讯外呼系统 贵阳ai外呼系统 crm外呼系统好不好 智能电销机器人广告语 电销外呼线路改不外呼线路 电话机器人批发 爱巢地图标注
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!

标签:保定 山南 上海 清远 吴忠 内蒙古 陕西 广安

巨人网络通讯声明:本文标题《实现dedecms图集单击图片翻页的功能》,本文关键词  实现,dedecms,图集,单击,图片,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《实现dedecms图集单击图片翻页的功能》相关的同类信息!
  • 本页收集关于实现dedecms图集单击图片翻页的功能的相关信息资讯供网民参考!
  • 推荐文章