最新公告
  • 欢迎您光临牛气网,本站秉承“用心服务,做好服务”致力为站长提供优质的售后服务!立即加入我们
  • 织梦教程:织梦cms制作首页banner后台上传!

    织梦很多人都会,只是我用这么久,可能大家都知道,织梦做banner是做可怕的,现在就算你找模板建站,里面带数据文件的,也很少把banner给你做好了的。网站做完了发现首页banner不能滚动,怎么办?到处找文章,什么用隐藏菜单做,通过织梦的默认轮播图然后上传图片选择幻灯片和滚动,虽然这个可以,但是有一个是什么,很多人都做不出来,今天老九教大家另外一种方法,这可能是有史以来很详细很详细的教程了!四川SEOSEO教程

    1.添加内容模型管理

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

    然后添加字段:

    文字:链接地址

    字段名称:piclinks

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

    2.页面代码调用

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

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

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

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

    <script type="text/javascript">
    $(function(){
    $("#J_bslist").bannerSlider({
    width:"100%",//宽 (如果100%的时候请传入字符串)
    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
    }
    })

    })
    </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代码,也就是你自己写的,让这个div里面的内容滚动,这个也很重要,很多人会觉得,怎么做完了,没反应啊,很有可能就是JS代码没放!

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

    3.发布幻灯片

    今天的教程就到这里哦,希望能帮助大家更好的使用织梦。

    1、本站所有资源皆来源于网络和用户自行上传,因此不包括售后和技术,敬请谅解!
    2、本站不保证所提供的源码的准确性、安全性和功能完善性,资源仅用于学习用!
    3、您下载的资源,请务必在24小时内删除,资源仅提供本地测试,请勿商用或者非法用途都与本站无关,一切后果自负!
    4、如发现资源下载不了,或者侵权请及时联系客服或者邮箱admin#niuqi.net,#改为@!
    牛气网 » 织梦教程:织梦cms制作首页banner后台上传!

    发表评论

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: admin@niuqi.net),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系作者

    发表评论

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: admin@niuqi.net),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系作者
    • 62会员总数(位)
    • 3348资源总数(个)
    • 1870本月发布(个)
    • 40 今日发布(个)
    • 374已陪伴您(天)

    牛气网NIUQI.NET站长源码平台

    开通SVIP会员 了解详情
    升级SVIP尊享更多特权立即升级