本帖最后由 jianchang512 于 2013-4-14 13:26 编辑
discuz x2.5自带的幻灯效果实在不怎么好,为了让你有更多选择,我在如下几个discuz 模板中添加了一款超酷超绚丽支持全屏播放的幻灯,在这里讲讲这个幻灯的使用和修改方法。
我分别在这几个discuz x2.5模板中添加了这款幻灯效果
信息门户discuz 模板bpbank_bp (https://addon.dismall.com/?@bpbank_bp.template)
精仿网易整站 discuz 模板 bpbank_new (https://addon.dismall.com/?@bpbank_news.template)
电影视频风格discuz 模板bpbank_sp(https://addon.dismall.com/?@bpbank_sp.template)
简约大方仿phpwind discuz 模板bpbank_win(https://addon.dismall.com/?@bpbank_wind.template)
仿win8网站企业风格discuz 模板 bpbank_zhigu(https://addon.dismall.com/?@bpbank_zhigu.template)
幻灯效果--支持全屏 演示地址 http://www.wanglu123.com/wind
使用和修改这款幻灯片
这款幻灯的代码分为两部分,图片路径和链接代码在 header.htm(网站根目录/template/bpbank_*/common/header.htm),控制图片大小的代码在同一个文件夹的footer.htm中,在代码外围都有注释
假如你安装的模板为仿网模板易模板bpbank_news,那么header.htm和footer.htm文件则在 网站根目录 template/bpbank_news/common/文件夹中,如果你不确定安装的模板名字是什么,那么就打开网站根目录下的template文件夹看,如果有哪个文件夹以bpbank_ 开头,那么这两个文件就在这个文件夹的 common子文件夹中
header.htm文件中
如图所示,你可以将 href="#" 中的 # 替换为你想要点击后到达的地址,比如 http://www.wanglu123.com , src=" " 中填写你的图片路径,比如你的图片存放在网站根目录下的images中,图片名字为 a1.jpg 那么就要将 src=" " 修改为 src="/images/a1.jpg" 后面<p></p>之间的文字是将显示在幻灯下方半透明标题区域的文字。
footer.htm文件中
在你刚才修改的header.htm的同一个文件夹,会看到footer.htm文件,打开到最底部,会看到如图代码段
在你刚修改的header.htm的同一文件夹会看到footer.htm文件,打开后到最底部,会看到如图所示的代码段,其中的 width: 960, height: 380 是控制图片 宽 和 高 的,你可以根据需要进行修改
|