经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › 【原创】jQuery.Switchable 1.0

楼主: jsw0528

【原创】jQuery.Switchable 1.0 [复制链接]

weizeyan　

高级会员 

帖子: 181
体力: 649
威望: 2

发表于 2010-3-22 13:29:33 |显示全部楼层

楼主的jquery封装的很漂亮！

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

http://www.pindao.com/fashion/

不在多在专

西部数码顶级域名注册商39元抢注！

使用道具举报

husong211　

新手上路 

帖子: 4
体力: 19
威望: 0
居住地: 浙江省杭州市

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

图片切换循环播放的问题

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

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

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

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

[ 本帖最后由 husong211 于 2010-3-24 10:46 编辑 ]

租服务器，上51IDC [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具举报

peizhicheng　

初级会员 

帖子: 9
体力: 162
威望: 0

发表于 2010-3-24 18:23:45 |显示全部楼层

很帅

ZiHan.cn

使用道具举报

dishuipiaoxiang　

clearRight

初级会员 

帖子: 109
体力: 461
威望: 2

发表于 2010-3-24 20:30:02 |显示全部楼层

不错！

使用道具举报

jsw0528　楼主

蓝蓝的神仙

钻石会员

帖子: 1050
体力: 5988
威望: 3
居住地: 上海市闵行区

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

回复 30# matin 的帖子

把panel指向a标签

Welcome to MrZhang.me

使用道具举报

jsw0528　楼主

蓝蓝的神仙

钻石会员

帖子: 1050
体力: 5988
威望: 3
居住地: 上海市闵行区

发表于 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);

[ 本帖最后由 jsw0528 于 2010-3-25 08:54 编辑 ]

Welcome to MrZhang.me

使用道具举报

dieyifly　

新手上路 

帖子: 6
体力: 29
威望: 0

发表于 2010-3-25 09:40:46 |显示全部楼层

哇塞…………绝对好东东啊……最近一直在学这个，楼上的筒子们，真是高手啊高手……膜拜……

使用道具举报

husong211　

新手上路 

帖子: 4
体力: 19
威望: 0
居住地: 浙江省杭州市

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

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

非常感谢，最近刚研究这个，只能简单的套用，具体的还看不懂呢。真的是谢谢你。

使用道具举报

kukala　

中级会员

帖子: 67
体力: 219
威望: 0

发表于 2010-3-27 09:44:37 |显示全部楼层

jsw0528帮我看下，怎么不会切换
地址：http://mouyao.com/test.html

使用道具举报

jsw0528　楼主

蓝蓝的神仙

钻石会员

帖子: 1050
体力: 5988
威望: 3
居住地: 上海市闵行区

发表于 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();

Welcome to MrZhang.me

使用道具举报

kukala　

中级会员

帖子: 67
体力: 219
威望: 0

发表于 2010-3-27 11:01:11 |显示全部楼层

原帖由 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: ...