收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
12
返回列表 发新帖
楼主: jsw0528

【原创】jQuery.Switchable 1.0

[复制链接]
发表于 2010-3-22 13:29:33 | 显示全部楼层

楼主的jquery封装的很漂亮!

最近做品道网也涉及了类似切换的东西,而且对用户体验的要求很高,因此自己也封装了一个,大家互相学习!

http://www.pindao.com/fashion/
回复 支持 反对

使用道具 举报

发表于 2010-3-24 10:43:07 | 显示全部楼层

图片切换循环播放的问题

楼主做的很好很强大,我网站基本上都用上了。只是遇到了问题:

$(".slide-trigger").switchable(".slide-panel > img", { effect: "fade" }).autoplay(10);

我这个图片切换只自动播放一次,循环就有问题了。请问下,是什么问题。

网站是这个  http://www.517tk.com ,请帮忙看一下,谢谢

[[i] 本帖最后由 husong211 于 2010-3-24 10:46 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2010-3-24 18:23:45 | 显示全部楼层
很帅
回复 支持 反对

使用道具 举报

发表于 2010-3-24 20:30:02 | 显示全部楼层
不错!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-3-25 08:46:37 | 显示全部楼层

回复 30# matin 的帖子

把panel指向a标签
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-3-25 08:53:20 | 显示全部楼层

回复 32# husong211 的帖子

$(".slide-trigger").switchable(".slide-panel > img", { effect: "fade" }).autoplay(10);

这句没有循环啊,应该这样:

$(".slide-trigger").switchable(".slide-panel > img", { effect: "fade", circular: true }).autoplay(10);

[[i] 本帖最后由 jsw0528 于 2010-3-25 08:54 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2010-3-25 09:40:46 | 显示全部楼层
哇塞…………绝对好东东啊……最近一直在学这个,楼上的筒子们,真是高手啊高手……膜拜……
回复 支持 反对

使用道具 举报

发表于 2010-3-25 10:51:52 | 显示全部楼层

回复 36# jsw0528 [楼主] 的帖子

非常感谢,最近刚研究这个,只能简单的套用,具体的还看不懂呢。真的是谢谢 你。
回复 支持 反对

使用道具 举报

发表于 2010-3-27 09:44:37 | 显示全部楼层
jsw0528帮我看下,怎么不会切换
地址:http://mouyao.com/test.html
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-3-27 10:04:48 | 显示全部楼层

回复 39# kukala 的帖子

能啊。难道你是说自动切换?那就把下面这句
$(".tabs-2-trigger").switchable("> .tabs-2-panel", { triggers: "li" });
改成
$(".tabs-2-trigger").switchable("> .tabs-2-panel", { triggers: "li", circular: true }).autoplay();
回复 支持 反对

使用道具 举报

发表于 2010-3-27 11:01:11 | 显示全部楼层
原帖由 [i]jsw0528 于 2010-3-27 10:04 发表
能啊。难道你是说自动切换?那就把下面这句
$(".tabs-2-trigger").switchable("> .tabs-2-panel", { triggers: "li" });
改成
$(".tabs-2-trigger").switchable("> .tabs-2-panel", { triggers: "li", circular:  ...

还是没有反应啊,我没说自动切换,只是鼠标移动切换,我的是WIN7,用的是世界之窗浏览器。
回复 支持 反对

使用道具 举报

发表于 2010-3-27 20:54:03 | 显示全部楼层
这个真的比较难用的,虽然跟淘宝的演示一样
回复 支持 反对

使用道具 举报

发表于 2010-3-28 10:26:46 | 显示全部楼层
Scrollable的效果,当steps: 1时,滚动到最后一张图,后面空白,没有衔接上,如何改进?还请高手们指教!~
回复 支持 反对

使用道具 举报

发表于 2010-3-30 14:08:35 | 显示全部楼层
很好很强,下下来啦
以后就用他啦
嘿嘿
回复 支持 反对

使用道具 举报

发表于 2010-3-30 17:01:20 | 显示全部楼层
mark,有空研究下~
回复 支持 反对

使用道具 举报

发表于 2010-3-30 23:21:22 | 显示全部楼层
现在不怎么写JS了发现现在JS真的好强大呀.
回复 支持 反对

使用道具 举报

发表于 2010-5-25 13:29:22 | 显示全部楼层
LZ你这明显是抄袭Jquery Tools里的tab组件 ,连源码都一样,还好意思拿出来发布

http://flowplayer.org/tools/download/index.html
回复 支持 反对

使用道具 举报

发表于 2010-5-26 10:26:13 | 显示全部楼层
原来就是这个~~呵呵,学习了!
回复 支持 反对

使用道具 举报

发表于 2010-5-26 10:31:52 | 显示全部楼层
这个铁定要收藏的 现在喜欢上JQ了
回复 支持 反对

使用道具 举报

发表于 2010-5-27 10:55:43 | 显示全部楼层
不错的插件
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-6-10 10:06:00 | 显示全部楼层

回复 47# wojiaoabin 的帖子

抄袭?麻烦你仔细把每一行代码再看一遍

我只是借鉴了他代码的风格而已,他的Tabs能做我jQuery.Switchable的这么多事么?
回复 支持 反对

使用道具 举报

发表于 2010-6-11 15:54:35 | 显示全部楼层
第二个网站的内容丰富些 。。
回复 支持 反对

使用道具 举报

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

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-29 23:10 , Processed in 0.124684 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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