实现dedecms图集单击图片翻页的功能_整站程序

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!

时间: 2024-10-02 23:46:46

实现dedecms图集单击图片翻页的功能_整站程序的相关文章

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

1.为了实现这个功能,我们首先需要获得图片页面的当前页码和总页码 编辑include/inc_archives_view.php文件 (1)找到function ParseDMFields,修改为: function ParseDMFields($pageNo,$ismake=1)      {          $this->NowPage = $pageNo;         //获得当前页面编号          $this->Fields['cpagenum'] = $this->

WPS演示模仿QQ相册图片翻页怎么使用

  WPS演示模仿QQ相册图片翻页怎么使用 1.准备好相片,要求图片的宽高保持相同,高度宽度记录下来,这样播放时不会因为相片大小不一而显得不美观. 2.运行WPS演示,单击菜单栏--文件--页面设置,将页面的宽高设置得与图片相同.将第一张幻灯片所有内容全部删除,得到空白的幻灯片. 3.在幻灯片预览窗格中进行复制粘贴操作,得到多张幻灯片. 4.在每张幻灯片中插入相片,右击图片,选择设置对象格式,从弹出的对话框中将图片的水平和垂直位置都设置为0.这样,图片将恰好充满整个幻灯片页面. 5.在第一张幻灯

jquery实现图片翻页效果

 jquery实现图片翻页效果,大家可以使用下面的方法    代码如下: $(function($){       $.fn.changeList = function(options){           var defaults = {                       tag : 'li', // tab name                       subName : '.utilTabSub', // sub class name                  

jQuery实现点击图片翻页展示效果的方法

 这篇文章主要介绍了jQuery实现点击图片翻页展示效果的方法,涉及jQuery操作图片的操作技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery实现点击图片翻页展示效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>基于jQu

js 翻页-关于图片翻页的js代码

问题描述 关于图片翻页的js代码 如下图所示的样式,js代码如何写 解决方案 爬这个网站的js效果下来不就好了,很简单,不会爬你发链接出来 解决方案二: 画了一张图的,可惜公司有限制上传不上去..艹 js需要跟布局配合,直说js你不明白的也说不清 布局: 1.外部一个div,作为展示图片的容器,position:relative ,overflow:hidden 2.里面的是ul,宽度是 div 的3倍(假设有3个图片),position:absolute 3.ul里面的li是: float:l

jQuery实现点击图片翻页展示效果的方法_jquery

本文实例讲述了jQuery实现点击图片翻页展示效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>基于jQuery实现的点击图片翻页展示效果</title> <meta http-equiv="content-type&q

JS模仿腾讯图片站的图片翻页按钮效果完整实例_javascript技巧

本文实例讲述了JS模仿腾讯图片站的图片翻页按钮效果.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" conten

asp.net做个批量生成html的网站,生成静态页图片翻页怎么做啊?index_1.html,index_2.html 这样子 上一页1 2 3 4 5下一页

问题描述 asp.net做个批量生成html的网站,生成静态页图片翻页怎么做啊index_1.html,index_2.html这样子上一页12345下一页或者上一页下拉列表(可以选择页)下一页各们大哥怎么实现??是个图片站index_1.html,index_2.html,index_3.html,index_4.html每个页不同的图片.请教... 解决方案 解决方案二:分页我一般还是用动态分页,然后重写url为.htm解决方案三:分页在生成时就应该把相应的页面链接写进去阿:分页其实比较难以

android中图片翻页效果简单的实现方法_Android

复制代码 代码如下: public class PageWidget extends View {    private Bitmap foreImage;    private Bitmap bgImage;    private PointF touchPt;    private int screenWidth;    private int screenHeight;    private GradientDrawable shadowDrawableRL;    private Gra