框分类:人性化的同城分类信息系统,我们永远站在用户的角度!一次性购买,终身升级!    [交流论坛]
发新话题 回复该主题

【红兴隆信息网-hxl8.com】分享炫酷动感轮播广告大图源代码 [复制链接]

1#
大家好,我是红兴隆信息网xeo站长无羁,分期付款加入框分类大军。在群里也结识了一些朋友。这几天,花了点时间,为我的网站添加了一个jquery  Slider 3d轮播大图。然后呢,独乐了不如众乐乐,顺便还能搞掂框币,

首先到我的网站看效果:传送门 ,看完满意再回来。


下面开始:1、首先下载源代码:
slice-box.rar (, 下载次数:12)

售价(威望):88 [记录] [购买]


2、下载完成,解压后是一个名字为:slice-box的文件夹,
3、用notepad++或者dreamweaver等软件编辑里面的index.html文件,把里面的中文涉及到我的网站的,统统替换成你自己想替换的内容,然后保存。
4、做你自己的图片,把images文件夹里面的1.jpg、2.jpg一直到7.jpg也都换成你自己的图片。
4、把这个文件夹连同里面的文件全部上传到你的网站根目录。
5、现在,先测试一下是否正常。你可以输入:http://你的域名/slice-box/index.html,看看是不是能够正常显示。如果能正常显示,是这个样子的,看图:


记住:图是静止的,但是你看的时候,是动的哦。

6、如果不显示的话,你回去检查:解压的时候,是不是解压成嵌套格式的了导致的路径错误(也就是slice-box文件夹里面又多了一个slice-box文件夹,如果是2个就是错的,只需要1个就够了)。
7、如果都正常,最后一步:框分类后台---网站设置----广告设置----添加广告----选“首页头部”----类别选“代码”----然后把下面的代码复制粘贴进去:
          
***** 该内容需会员回复才可浏览 *****
  


8、然后保存。
9、别忘了把代码里,我的域名换成你自己的!
10、最后的备注:如果想更改图片“切块”的数量和翻转的时间什么的,都在JS文件夹的jquery.slicebox.js文件里面控制:
      搜索197行:cuboidsCount : 9,                 --------->9代表切成9块。
        202行:maxCuboidsCount : 9,               --------->这里的9代表最多切成9块!如果你上面设成9,这里设成8,那么就会发生冲突,导致不显示的。
       209行:sequentialFactor : 300,              --------->这里的300是速度,你自己换大换小一下,就知道是什么意思了。简单不解释了。
        212行:speed : 600,                           --------->这里的600同样是速度,和上面的有关联的,自己试。
        216行:autoplay : true,                       --------->这里参数设置成true,就是打开页面就自动翻转和切换的意思;
                                                                                如果设置成false,那么,只有在有人点击的情况下,整个广告才会动起来!


然后,就没有然后了。我调试这个轮播广告,用了1天半。连翻译英文带找资料,加来回调试,肾是辛苦,收各位大神点框币补补肾,别介意哈。
感谢框分类让我结识一些志同道合之友,希望框分类越来越好。


以后有更好的,能帮助大家更好发展的,兄弟再来补肾。祝各位老板一路发发发,祝我框分类大客服一路发发发!走矣......
最后编辑无羁 最后编辑于 2016-11-02 00:10:54
分享 转发
红兴隆信息网www.hxl8.com
TOP
2#

郑州大街网www.zzdajie.com
TOP
3#

我是打酱油的……
TOP
4#

郑州大街网www.zzdajie.com
TOP
5#

3d轮播大图
TOP
6#

感谢贡献!
大余信息发布网   =★=   http://www.341599.com
TOP
7#

感谢分享
TOP
8#

TOP
9#

88个  word天  加油
TOP
10#

要回多少个?
TOP
发新话题 回复该主题