找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3057|回复: 0

[分享] 织梦dedecms默认幻灯片使用方法

[复制链接]
发表于 2018-4-4 14:05:49 | 显示全部楼层 |阅读模式 来自 中国–河南–新乡
我们在用织梦dedecms做模板时,通常会用到幻灯片,例如企业网站的新闻幻灯片,或广告banner ,其实调用幻灯片的方法很简单,思路就是找到织梦dedecms默认幻灯片代码,直接粘帖到你的模板幻灯片的位置,之后调整幻灯片代码的参数,就可以快速解决幻灯片调用的问题。

1、在dedecms默认首页模板(index.htm)中找到幻灯片调用代码,幻灯片代码开头在index.htm的62行,默认大小为 280px * 192px ,如下图:
1.webp
把整个<scritpt></script>复制到新模板的幻灯片位置。默认情况下会调用所有的幻灯片,并且幻灯片大小是默认大小为 280px * 192px ,接下来我们需要对代码参数做调试。

2、企业顶部banner效果,如下图:
2.webp
如上图红圈中所示,企业顶部的幻灯片只显示固定信息,不会经常变化,做成这样的效果很简单,同样的,现在顶部banner位置放上dedecms的默认幻灯片代码,现在调整参数。
(1)调整幻灯片大小,在下面代码:
3.webp
(2)去除幻灯片上的文字
Dedecms默认的幻灯片有文章名字,如下图:
4.webp
删除的方法很简单,找到控制控制幻灯片属性的代码,如下:

//文字颜色|文字位置|文字背景颜色|文字背景透明度|按键文字颜色|按键默认颜色|按键当前颜色|自动播放时间|图片过渡效果|是否显示按钮|打开方式
var configtg='0xffffff|0|0x3FA61F|5|0xffffff|0xC5DDBC|0x000033|2|3|1|_blank';

把上面代码中“文字位置”改为2 。之后在删除下面的代码:
textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]";
这样幻灯片中的标题就没有了。

(3)指定显示的幻灯片
* 在后台创建一个栏目,用来添加幻灯片文章,其他文章不要放进来,栏目属性设为隐藏,这样在前台的导航栏中就不会显示。
* 栏目中添加文章,每篇文章添加一张图片(幻灯片图片,注意显示缩略图为原图,不然幻灯片会很模糊),文章属性添加幻灯属性。
* 在幻灯片的代码中找到{dede:arclist flag='f' row='5'} ,添加typeid=''标签,制定首页幻灯片栏目的id,这样首页幻灯片就可以显示了。

3、指定幻灯片显示已经成功,在前台会只显示幻灯片栏目的图片。同样的道理,如果你要添加新闻幻灯片的话,用相同的道理,指定显示新闻栏目就可以了。

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-24 11:15 , Processed in 0.208139 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表