dedecms图片相关问题—后台上传图片实现图片轮播
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>用dedecms套网站已经做了几个了，但<u>图片</u>轮播始终是用手工改代码。今天研究了一下在后台上传图片来实现图片轮播的。</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
首先那当然是设置网站的栏目了，我的栏目名是取的大眼睛（这里随便取了），<span>内空模型：普通文章。</span>其它的设置根据自己的需要设置了（文章模板和列表模板这个是自己定义的）。</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
然后，就开始做图片轮播了。在dedecms的templates/default里找到index.htm。这个是dedecms默认的主页模板，把这个打开，找到图片轮播的JS代码复制出来到你自己的模板里。</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
下面来根据需要改代码了。dedecms图片轮播默认是有标题的。我这里是不需要这个功能，所以把它取掉了。修改了几个地方。textarr = new Array();var texts = "";首先把这两个删除。（第一个数组变量是用来存储标题的，第二个变量，是当前图片的标题。）。dedecms这个代码里，有一个配置变量，是有说明的，大家可以根据说明去修改。因为我为里只是要删除标题，所以把和标题相关的配置删除就OK了。（最终结果：var configtg='2|3|1|_blank';）。在把dedecms标签里的：<span>textarr[] = "</span>";这一段删除，下面还有一个循环遍历标题的，也要删除。dedecms图片轮播这里是采用的flash的方式，所以在<object>里还要删除和标题相关的参数。这些工作都做完后，就开始在后台添加图片了。在刚才自己新建的栏目里，新建文章，输入文章标题</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
分别√选，幻灯、滚动、图片、跳转</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
在出来的跳转网址的地方，输入你要跳转到的地址</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
然后上传图片，图片在缩略图这里上传，而非文章正文。文章正文留为空。</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
图片上传完后。保存就OK了。</p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
<img style="max-width:100%!important;height:auto!important;"title="dedecms图片相关问题—后台上传图片实现图片轮播" alt="dedecms图片相关问题—后台上传图片实现图片轮播" src="https://zhuji.jb51.net/uploads/img/202305/e430dfeb3527dd8b224138a75882e397.jpg"></p>
<p style='margin: 0px; padding: 5px 0px; outline: none; font-size: 14px; line-height: 30px; font-family: tahoma, arial, "Microsoft YaHei";'>
dedecms模板标签代码官方参考</p>
頁:
[1]