dedecms图片相关问题―后台上传图片实现图片轮播
2013-02-01 15:28
357 查看
用dedecms套网站已经做了几个了,但图片轮播始终是用手工改代码。今天研究了一下在后台上传图片来实现图片轮播的。
首先那当然是设置网站的栏目了,我的栏目名是取的大眼睛(这里随便取了),内空模型:普通文章。其它的设置根据自己的需要设置了(文章模板和列表模板这个是自己定义的)。
然后,就开始做图片轮播了。在dedecms的templates/default里找到index.htm。这个是dedecms默认的主页模板,把这个打开,找到图片轮播的JS代码复制出来到你自己的模板里。
下面来根据需要改代码了。dedecms图片轮播默认是有标题的。我这里是不需要这个功能,所以把它取掉了。修改了几个地方。textarr = new Array();var texts = "";首先把这两个删除。(第一个数组变量是用来存储标题的,第二个变量,是当前图片的标题。)。dedecms这个代码里,有一个配置变量,是有说明的,大家可以根据说明去修改。因为我为里只是要删除标题,所以把和标题相关的配置删除就OK了。(最终结果:var configtg='2|3|1|_blank';)。在把dedecms标签里的:textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]";这一段删除,下面还有一个循环遍历标题的,也要删除。dedecms图片轮播这里是采用的flash的方式,所以在<object>里还要删除和标题相关的参数。这些工作都做完后,就开始在后台添加图片了。在刚才自己新建的栏目里,新建文章,输入文章标题
分别√选,幻灯、滚动、图片、跳转
在出来的跳转网址的地方,输入你要跳转到的地址
然后上传图片,图片在缩略图这里上传,而非文章正文。文章正文留为空。
图片上传完后。保存就OK了。
dedecms模板标签代码官方参考
首先那当然是设置网站的栏目了,我的栏目名是取的大眼睛(这里随便取了),内空模型:普通文章。其它的设置根据自己的需要设置了(文章模板和列表模板这个是自己定义的)。
然后,就开始做图片轮播了。在dedecms的templates/default里找到index.htm。这个是dedecms默认的主页模板,把这个打开,找到图片轮播的JS代码复制出来到你自己的模板里。
下面来根据需要改代码了。dedecms图片轮播默认是有标题的。我这里是不需要这个功能,所以把它取掉了。修改了几个地方。textarr = new Array();var texts = "";首先把这两个删除。(第一个数组变量是用来存储标题的,第二个变量,是当前图片的标题。)。dedecms这个代码里,有一个配置变量,是有说明的,大家可以根据说明去修改。因为我为里只是要删除标题,所以把和标题相关的配置删除就OK了。(最终结果:var configtg='2|3|1|_blank';)。在把dedecms标签里的:textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]";这一段删除,下面还有一个循环遍历标题的,也要删除。dedecms图片轮播这里是采用的flash的方式,所以在<object>里还要删除和标题相关的参数。这些工作都做完后,就开始在后台添加图片了。在刚才自己新建的栏目里,新建文章,输入文章标题
分别√选,幻灯、滚动、图片、跳转
在出来的跳转网址的地方,输入你要跳转到的地址
然后上传图片,图片在缩略图这里上传,而非文章正文。文章正文留为空。
图片上传完后。保存就OK了。
dedecms模板标签代码官方参考
相关文章推荐
- DEDECMS后台上传banner图控制图片轮播
- DEDECMS后台上传banner图控制图片轮播
- dedecms后台上传图片附件返回302的问题
- sql server 关于表中只增标识问题 C# 实现自动化打开和关闭可执行文件(或 关闭停止与系统交互的可执行文件) ajaxfileupload插件上传图片功能,用MVC和aspx做后台各写了一个案例 将小写阿拉伯数字转换成大写的汉字, C# WinForm 中英文实现, 国际化实现的简单方法 ASP.NET Core 2 学习笔记(六)ASP.NET Core 2 学习笔记(三)
- js实现图片上传前的预览,实现完美兼容Firefox3,IE6,IE7,IE8和IE9的显示问题
- PHP_后台不能上传图片的几种常见问题
- js实现淘宝首页图片轮播效果(修正图片滚动顺序的问题)
- Android-图片选择,压缩,上传,加载 的实例(图片上传(多图也可),服务器端实现,图片加载(图片轮播实现))
- 记录解决PHP后台上传图片,中文图片名乱码问题
- Android仿微信图片上传,相册多选及相关问题
- Angular4实现图片上传预览路径不安全的问题解决
- 关于实现利用sharekit发送图片到twitter的相关问题
- flash版本更新导致shopex后台上传图片无效的问题
- 关于phpcms上传图片成功,后台图片无法显示的问题
- amazeui 框架,flexslider 轮播图特效,解决 从后台获取图片的问题
- dedecms 织梦会员中心前台,自定义图片字段上传后无法选中选择问题
- 自定义DedeCMS后台图集上传图片的显示顺序
- 操作Oracle数据库实现上传图片到Blob类型的字段出现的问题
- 利用imgareaselect辅助后台实现图片上传裁剪
- phpcms后台无法上传图片问题解决方案之一