織夢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.發布幻燈片