其他 缩略图幻灯片切换大图的JS代码分享

  [复制链接]
建站高手 发表于 2013-3-26 12:17:44 [其他] 显示全部楼层 |阅读模式 上一主题 下一主题

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
啥也不说,先上个缩略图幻灯片切换大图的JS实现的效果图

缩略图幻灯片切换大图的JS实现的效果图

缩略图幻灯片切换大图的JS实现的效果图
  1. <SCRIPT type=text/javascript>
  2. //焦点图初始化
  3. featuredcontentslider.init({
  4. id: "syFocusThumb", //指定ID
  5. contentsource: ["inline", ""], //有效值: ["inline", ""] 嵌入html or ["ajax", "path_to_file"] 嵌入utf-8文件
  6. toc: "scroll", //有效值: "#increment" 标记序号, "markup", ["markup1", "markup2", etc]标记具体内容
  7. nextprev: ["", ""], //next_pre标记 ,如:"上一条" "下一条",设置为 "" 为不出现
  8. revealtype: "click", //鼠标事件有效值: “click” or “mouseover”
  9. enablefade: [false, 0.15], // 切换褪色度 “true”or “false”
  10. autorotate: [true, 3500], // 切换停留时间 “true”or “false”
  11. delay: 0, //事件延迟时间(默认值:0,单位:ms)
  12. //playtab: 4, 默认的播放舌签
  13. onChange: function(previndex, curindex){ //触发处理;previndex 触发处理上一个记录; curindex 触发处理上一个记录 可以自定义函数控制;参考亲子网首页“亲子部落-相册”
  14. }
  15. });
  16. </SCRIPT>
复制代码
附件下载:
游客,如果您要查看本帖隐藏内容请回复




上一篇:如何做成门户型的地方社区
下一篇:Discuz!模板插件实战培训 公开课来了

大神点评68

jcx880330 发表于 2013-3-26 12:19:07 [其他] 显示全部楼层
为了积分元宝!
tufucg 发表于 2013-3-30 14:07:00 [其他] 显示全部楼层
JIN 发表于 2013-4-8 15:05:21 [其他] 显示全部楼层
我想用,终于找到了
chinatsm 发表于 2013-4-10 08:57:02 [其他] 显示全部楼层
多谢!!!!!!!!!!!!!!11
mocha 发表于 2013-4-10 12:55:50 [其他] 显示全部楼层
看一看呀看一看
greendreame 发表于 2013-4-19 10:46:54 [其他] 显示全部楼层
学习一下
greendreame 发表于 2013-4-19 10:49:23 [其他] 显示全部楼层
怎么插入bbs里?
艺小昔 发表于 2013-4-19 13:46:51 [其他] 显示全部楼层
高手啊厉害我可以看看
艺小昔日志第一站
90后吧第二站
站SEO 发表于 2013-4-19 19:03:13 [其他] 显示全部楼层
不懂代码。我类个去;  
大仙 发表于 2013-4-25 01:02:28 [其他] 显示全部楼层
正好需要,谢谢先
http://www.yzsq.com.cn 亦庄社区
秋意浓 发表于 2013-4-25 17:51:48 [其他] 显示全部楼层
学习了,,
LinHey 发表于 2013-4-26 01:24:27 [其他] 显示全部楼层
有操作步骤么
第三人称丶看你 发表于 2013-5-3 20:53:09 [其他] 显示全部楼层
暗夜红狐明星会员实名认证 发表于 2013-5-7 15:58:51 [其他] 显示全部楼层
看一下。想用
芮城网 大芮人家芮城最大的门户社区
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

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