织梦CMS制作首页banner后台如何上传？

织梦cms制作首页banner后台上传！

1.添加内容模型管理

我这里选择频道模型叫轮播图

然后添加字段：

文字：链接地址

字段名称：piclinks

弄完就就会发现内容管理栏目里面多了一个叫轮播图的

2.页面代码调用

打开左侧列表模板》默认模板管理》找到index.htm，在你需要放banner的地方加入调用代码：

1. {dede:arclist  addfields='piclinks'  row='5'  channelid='17'}
2. <li  ><a href="[field:piclinks/]"target="_blank"><img src="[field:litpic/]"</li>
3. {/dede:arclist}

此处注意：channelid=‘17’这个17是之前我们建立的轮播图频道ID哦，row='5'的意思是幻灯片的个数等于5

假如你还不会，接下来我给大家看完整的代码：

1. <script  type="text/javascript">
2. $(function(){
3. $("#J_bslist").bannerSlider({
4. width:"100%",//宽 (如果100%的时候请传入字符串)
5. height:463,//高
6. auto:true,//是否能自动滚
7. effect:"fade",//效果
8. Pause:3000,//停顿时间-两个动画滚动间隔的时间
9. animTime:250,//一张图滚动的时间
10. zIndex:10,//设置层级相互遮盖
11. parentClass:"cs-bannerWrap1",
12. pagination:{
13. show:false,
14. className:"banner-numlist"
15. },
16. btn:{
17. show:true,
18. dynamic:false//是否有鼠标移动上去显示箭头的效果
19. },
20. describe:{
21. show:false,
22. left:"80%",
23. bottom:0
24. }
25. })
26. })
27. </script>
28. <div  class="cs-bannerWrap1"  style="width: 100%; height: 463px;overflow:hidden; margin: 0px auto;">
29. <ul  id="J_bslist"  class="bs_list"  style="width: 100%; height: 463px; position: relative;">
30. {dede:arclist  addfields='piclinks'  row='5'  channelid='17'}
31. <li  style="position: absolute; opacity: 1; z-index: 10; background-position: 50% 0%; background-repeat: no-repeat no-repeat;"  data-title=""><a href="[field:piclinks/]"target="_blank"><img src="[field:litpic/]"</li>
32. {/dede:arclist}

上面是JS代码，也就是你自己写的，让这个div里面的内容滚动，这个也很重要，很多人会觉得，怎么做完了，没反应啊，很有可能就是JS代码没放！

3.添加顶级菜单“幻灯片”

3.发布幻灯片