織夢(mèng)很多人都會(huì)，只是我用這么久，可能大家都知道，織夢(mèng)做banner是做可怕的，現(xiàn)在就算你找模板建站，里面帶數(shù)據(jù)文件的，也很少把banner給你做好了的。網(wǎng)站做完了發(fā)現(xiàn)首頁(yè)banner不能滾動(dòng)，怎么辦？到處找文章，什么用隱藏菜單做，通過(guò)織夢(mèng)的默認(rèn)輪播圖然后上傳圖片選擇幻燈片和滾動(dòng)，雖然這個(gè)可以，但是有一個(gè)是什么，很多人都做不出來(lái)，今天老九教大家另外一種方法，這可能是有史以來(lái)很詳細(xì)很詳細(xì)的教程了！四川SEO SEO教程

1.添加內(nèi)容模型管理

我這里選擇頻道模型叫輪播圖

然后添加字段：

文字：鏈接地址

字段名稱：piclinks

弄完就就會(huì)發(fā)現(xiàn)內(nèi)容管理欄目里面多了一個(gè)叫輪播圖的

2.頁(yè)面代碼調(diào)用

打開(kāi)左側(cè)列表模板》默認(rèn)模板管理》找到index.htm，在你需要放banner的地方加入調(diào)用代碼：

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

此處注意：channelid=‘17’這個(gè)17是之前我們建立的輪播圖頻道ID哦，row='5'的意思是幻燈片的個(gè)數(shù)等于5

假如你還不會(huì)，接下來(lái)我給大家看完整的代碼：

<script  type="text/javascript">
$(function(){
$("#J_bslist").bannerSlider({
width:"100%",//寬 (如果100%的時(shí)候請(qǐng)傳入字符串)
height:463,//高
auto:true,//是否能自動(dòng)滾
effect:"fade",//效果
Pause:3000,//停頓時(shí)間-兩個(gè)動(dòng)畫(huà)滾動(dòng)間隔的時(shí)間
animTime:250,//一張圖滾動(dòng)的時(shí)間
zIndex:10,//設(shè)置層級(jí)相互遮蓋
parentClass:"cs-bannerWrap1",
pagination:{
show:false,
className:"banner-numlist"
},
btn:{
show:true,
dynamic:false//是否有鼠標(biāo)移動(dòng)上去顯示箭頭的效果
},
describe:{
show:false,
left:"80%",
bottom:0
}
})

})
</script>

<div  class="cs-bannerWrap1"  style="width: 100%; height: 463px;overflow:hidden; margin: 0px auto;">

<ul  id="J_bslist"  class="bs_list"  style="width: 100%; height: 463px; position: relative;">
{dede:arclist  addfields='piclinks'  row='5'  channelid='17'}
<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>
{/dede:arclist}

上面是JS代碼，也就是你自己寫(xiě)的，讓這個(gè)div里面的內(nèi)容滾動(dòng)，這個(gè)也很重要，很多人會(huì)覺(jué)得，怎么做完了，沒(méi)反應(yīng)啊，很有可能就是JS代碼沒(méi)放！

3.添加頂級(jí)菜單“幻燈片”

3.發(fā)布幻燈片

今天的教程就到這里哦，希望能幫助大家更好的使用織夢(mèng)。