实现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> ";
相关推荐
-
DEDECMS首页调用图片集里的多张图片
先找到include/common.inc.php文件,把下面代码贴进去(我贴的是我网站上的,具体可根据需要修改): function Getimg($aid,$imgwith,$imgheight) { global $dsql; $imgurls = ''; $row =$dsql->getone( "select imgurls from dede_addonimages where aid='$aid' "); $imgurls= $row['imgurls'];//获取
-
php多功能图片处理类分享(php图片缩放类)
复制代码 代码如下: <?php /** * 基本图片处理,用于完成图片缩入,水印添加 * 当水印图超过目标图片尺寸时,水印图能自动适应目标图片而缩小 * 水印图可以设置跟背景的合并度 */ /* 使用方法: 自动裁切: 程序会按照图片的尺寸从中部裁切最大的正方形,并按目标尺寸进行缩略 $t--->setSrcImg("img/test.jpg"); $t->setCutType(1);//这一句就OK
-
php实现的通用图片处理类
本文实例讲述了php实现的通用图片处理类.分享给大家供大家参考.具体如下: 该图片处理函数功能:缩放.剪切.相框.水印.锐化.旋转.翻转.透明度.反色,处理并保存历史记录的思路:当有图片有改动时自动生成一张新图片,命名方式可以考虑在原图片的基础上加上步骤,例如:图片名称+__第几步. 在一些需要图片高级处理功能的Web应用中,可以参考这个类. <?php class picture { var $PICTURE_URL;//要处理的图片 var $DEST_URL="temp__01.jp
-
解决phpcms更换javascript的幻灯片代码调用图片问题
今天找到了一个js要放在phpcms上边!但是他的代码是这样的 复制代码 代码如下: var titles = '创顶1|创顶2|创顶3|创顶4'; var imgs='{APP_PATH}cdstyle/images/image1.jpg|{APP_PATH}cdstyle/images/image2.jpg|{APP_PATH}cdstyle/images/image3.jpg|{APP_PATH}cdstyle/images/image4.jpg'; var urls='http://ba
-
摘自织梦CMS中的图片处理类
本文实例讲述了摘自织梦CMS中的图片处理类.分享给大家供大家参考.具体如下: <?php if(!defined('DEDEINC')) exit('dedecms'); /** * 图像处理类 * * @version $Id: image.class.php 1 18:10 2010年7月5日Z tianya $ * @package DedeCMS.Libraries * @copyright Copyright (c) 2007 - 2010, DesDev, Inc. * @licen
-
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
具体的实现代码,如下:下面会给简单的说明. 复制代码 代码如下: <?php /* 1. 配置好你的数据库连接 2. 注意数据表名的前缀 默认为dede_ 3. 一定要先备份你的数据库 或备份dede_archives表 如产生损失本人概不负责 */ //数据库连接设置 $ip = "localhost"; //地址 $user = "jb51"; //用户名 $pw = "www.jb51.net"; //密码 $db = "j
-
PHP图片处理类 phpThumb参数用法介绍
phpThumb几个基本参数 一些有用的参数列一下: src:目标图片的地址 w:输出图片的宽度 h:输出图片的高度(如果不指定他将按w参数等比缩放) q:输出如果是JPG格式的,可以规定它的输出质量 bg:输出时的背景(如果需要) sw.sh.sx.sy:局部输出,宽高.起始位置 f:输出格式,可以为jpeg.png.gif.ico sfn:输出gif动画中的某一帧 fltr[]:滤镜,可以有很多效果,包括锐化.模糊.旋翻转.水印.边框.遮照.色彩调整等 更多效果可以参看官方例程: http:
-
常用的php图片处理类(水印、等比缩放、固定高宽)分享
常用的php图片处理类(水印.等比缩放.固定高宽)分享 <?php //PHP 添加水印 & 比例缩略图 & 固定高度 & 固定宽度 类. class Image_process{ public $source; //原图 public $source_width; //原图宽度 public $source_height; //原图高度 public $source_type_id; public $orign_name; public $orign_dirname; //
-
让php处理图片变得简单 基于gb库的图片处理类附实例代码下载
这个类的设计思想借鉴于jQuery,通过连缀方法来操作图片,如: 复制代码 代码如下: $image = new UsaImage(array('filepath'=>'image1.jpg')); //图片图片覆盖一张图片,第二和第三参数为,要放置的x,y位置 $image->Overlap("image99.gif", 10, 10) //以相对位置来覆盖图片,最后一个参数为缩放比例,默认为1 ->Overlap2('image00.gif',array('rig
-
实现dedecms图集单击图片翻页的功能
1.为了实现这个功能,我们首先需要获得图片页面的当前页码和总页码 编辑include/inc_archives_view.php文件 (1)找到function ParseDMFields,修改为: function ParseDMFields($pageNo,$ismake=1) { $this->NowPage = $pageNo; //获得当前页面编号 $this->Fields['cpagenum'] = $this->
-
jQuery实现点击图片翻页展示效果的方法
本文实例讲述了jQuery实现点击图片翻页展示效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>基于jQuery实现的点击图片翻页展示效果</title> <meta http-equiv="content-type&q
-
JS模仿腾讯图片站的图片翻页按钮效果完整实例
本文实例讲述了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
-
python tkiner实现 一个小小的图片翻页功能的示例代码
具体代码如下所示: import tkinter as tk import tkinter.messagebox import copy import os,sys def get_picture(dirs): '''获得所有图片''' picture_list = [] for dir,dir_abs,files in os.walk(dirs): for file in files: if file.endswith('.gif'): picture_list.append(os.path.
-
MySql实现翻页查询功能
首先明确为什么要使用分页查询,因为数据庞大,查询不可能全部显示在页面上,如果全部显示在页面上,也会造成查询速度慢的情况,所以分页查询解决了①数据查询:②性能优化,等(其他问题欢迎补充)的问题. 分页查询也分为真分页和假分页: 真分页:基于数据库查出的数据直接分页显示,优点是改变数据库数据不会影响查询结果,缺点是速度稍慢. 假分页:将所有数据查询出的数据,封装到list集合缓存中,表现层方法调用执行.由于将数据封装为集合放入了内存中,所以速度较快,但缺点是数据库改变后,会出现不匹配的情况. 两种分
-
unity实现翻页按钮功能
本文实例为大家分享了unity实现翻页按钮功能的具体代码,供大家参考,具体内容如下 效果图: UI子父级关系: 代码中也都有加入注释,有不懂可私信我.脚本中用到了对象池,我没有上传,可根据自己需求做相应变动. 脚本:PageBtnPanelC using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.Events; using UnityEngine.UI; /
-
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
-
DEDECMS实用漂亮的翻页效果修改方法第1/3页
在网上流传很广,坛子里也有几个人都转过,这里说下怎么用(教程以默认模板为例). 一.内容页分页代码修改 首先介绍下基础知识,dede的内容页调用标记是: 复制代码 代码如下: <div class="cupage">{dede:pagebreak/}</div> 生成html后形式为: 复制代码 代码如下: <div class="cupage"><a href='#'>上一页</a><strong&
-
jquery实现图片翻页效果
复制代码 代码如下: $(function($){ $.fn.changeList = function(options){ var defaults = { tag : 'li', // tab name subName : '.utilTabSub', // sub class name eventType : 'click', // event type num : 4, showType : 'show' // show effect type }, opts = $.extend({}
-
jquery+html仿翻页相册功能
今天心情大好,再发一篇最进前端实现的相册模仿功能. 这个相册是在一个网站的案例展示页面上实现的,没单独写出来,没时间,重用性也很差,以后有时间了再单独提取出来, 写这个玩意前,我在网上找了一些案例,但是一看代码都比较傻眼,固不想去研究,所以自己写了..... 下面是实现这个功能的截图 如果你是一个前端,这个功能对你来说除了逻辑复杂点,其他的可能实现起都比较简单,我不是做前端的,所以前端HTML这块遇到了一些问题.下面我会将我遇到的这些问题的解决方法分享出来. 首先说下:postion这个属性 以
随机推荐
- SQLserver排序规则基本概念探索
- c++中的string常用函数用法总结
- go语言版的ip2long函数实例
- sysservers 中找不到服务器,请执行 sp_addlinkedserver 将该服务器添加到sysserver
- 使用MSScriptControl 在 C# 中读取json数据的方法
- 详解Javascript模板引擎mustache.js
- VBS教程:正则表达式简介 -选择与编组
- js中的cookie的读写操作示例详解
- js+HTML5实现canvas多种颜色渐变效果的方法
- .NET中利用js让子窗体向父页面传值的实现方法
- PHP实现MVC开发得最简单的方法——模型
- python网络编程学习笔记(七):HTML和XHTML解析(HTMLParser、BeautifulSoup)
- JSP开发中在spring mvc项目中实现登录账号单浏览器登录
- Android的文本和输入之创建输入法教程
- C#设计模式之Mediator中介者模式解决程序员的七夕缘分问题示例
- JavaScript中document对象使用详解
- php实现utf-8和GB2312编码相互转换函数代码
- JavaScript 提升运行速度之循环篇 译文
- 发布一个基于TokyoTyrant的C#客户端开源项目
- 用javascript删除当前行,添加行(示例代码)
其他
- C# ASCII排序后转为json参数
- python pandas 爬取网页表格
- ngModel 赋值不管用
- 微信小程序的scrollview内部居中
- vant Picker 显示label传递value
- @RequestBody取不到对象
- 小程序时分选择器为什么会显示上午下午
- mysql定时删除过期数据记录
- string.intern()方法使用场景
- layui下拉框自动点击
- druid监控页面无sql
- java protobuf 持久化
- qt 自定义listwidget item 按钮
- element ui下拉菜单验证问题
- 封装vue3三方组件库
- 解决typescript文件使用别名失效问题
- pyqt5无边框窗口拖动改变大小
- javascript 点击按钮轮播图片
- criteriabuilder 动态查询
- ue试用期结束后如何继续使用