织梦教程:织梦cms制作首页banner后台上传!

2021-07-05 作者:未知   |   浏览(

1.添加内容模型管理

2.页面代码调用

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

{dede:arclist addfields=piclinks row=5 channelid=17}
li a href=[field:piclinks/]target=_blankimg src=[field:litpic/]/li
{/dede:arclist}

此处注意:channelid=17这个17是之前大家打造的轮播图频道ID哦,row=5的意思是幻灯片的个数等于5

倘若你还不会,下面我给大伙看完整的代码:

script type=text/javascript
${
$.bannerSlider
height:463,//高
auto:true,//是不是能自动滚
effect:fade,//成效
Pause:3000,//停顿时间-两个动画滚动间隔的时间
animTime:250,//一张图滚动的时间
zIndex:10,//设置层级相互遮盖
parentClass:cs-bannerWrap1,
pagination:{
show:false,
className:banner-numlist
},
btn:{
show:true,
dynamic:false//是不是有鼠标移动上去显示箭头的成效
},
describe:{
show:false,
left:80%,
bottom:0
}
})

文字:链接地址

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

DEDE大多数人都会,只不过我用这么久,可能大伙都了解,DEDE做banner是做可怕的,目前即使你找模板网站建设,里面带数据文件的,也极少把banner给你做好了的。网站做完了发现首页banner不可以滚动,如何解决?到处找文章,什么用隐藏菜单做,通过DEDE的默认轮播图然后上传图片选择幻灯片和滚动,虽然这个可以,但有一个是什么,大多数人都做不出来,今天老九教大伙另外一种办法,这可能是有史以来非常详细非常详细的课程了!四川S柚子币EO课程

然后添加字段:

3.添加顶级菜单幻灯片

})
/scrih3t

p 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=_blankimg src=[field:litpic/]/li
{/dede:arclist}

上面是JS代码,也就是你一个人写的,让这个p里面的内容滚动,这个也非常重要,大多数人会感觉,如何做完了,没反应啊,大概就是JS代码没放!

字段名字:h3iclinks

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

3.发布幻灯片

今天的课程就到这里哦,期望能帮大伙更好的用DEDE。