产品使用及交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

分享:首页banner图片轮显代码 [复制链接]

1#
    本人只是个菜鸟,最近一直在使用pageadmin,碰到很多基本问题都搞不定。幸亏有这个论坛,技术高超的xiyou,还有各位论坛上的热心朋友解答了我很多问题。
    可能初学者都想实现banner轮显功能,我也是。
    找遍论坛,受到很多启发和帮助,今天终于成功了。好像论坛中并没有详细解答这个问题的帖子,本着分享就是快乐的精神,我把如何实现的方法说一下,希望能给大家帮助,其实我自己还是一知半解中,不对的地方还请大家海涵。
    1、把html轮显代码复制到一个空白的html文件中,文件名随便另存,我这里是test.html。把里面的图片地址、js文件地址、网站地址统统换成你们自己的实际地址。我的图片和js文件都放在images/swf文件夹下,你们根据实际情况改好。还有图片的高度和宽度,宽度一般都是1000,高度根据实际情况改,我的是380
    2、改好html文件,保存。然后到网站后台管理界面中,栏目管理-首页-局部自定义-横幅自定义中,把横幅自定义代码复制到空白框中,同样的,修改实际的html路径,高度我定的是400,你们根据实际情况改好,确定即可。
效果图:
js文件和代码打包下载:http://115.com/file/dpj5tsg8#

html中的这串代码就是关于轮显图片的设置,按实际情况修改即可,把图片和js文件html文件放在一起:
var pics1 = [{url:'http://192.168.2.11/images/swf/manage.jpg',link:'http://192.168.2.11/#',time:5000},{url:'http://192.168.2.11/images/swf/player.jpg',link:'http://192.168.2.11/#',time:5000},{url:'http://192.168.2.11/images/swf/py.jpg',link:'http://192.168.2.11',time:5000},{url:'http://192.168.2.11/images/swf/xf.jpg',link:'http://192.168.2.11',time:5000},{url:'http://192.168.2.11/images/swf/TT.jpg',link:'http://192.168.2.11',time:5000}];
分享 转发
TOP
2#

幻灯片调用我看到的,但不知道怎么把它用到首页banner上,请懂的人说一下。
TOP
发新话题 回复该主题