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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 11671|回复: 37

仿土豆豆单Photo Slideshow (Bug fixed)

[复制链接]
发表于 2009-10-7 18:34:07 | 显示全部楼层 |阅读模式
DEMO: http://cnwander.com/demo/slideshow/

测试:IE7、FF3.014
博客:http://cnwander.com/blog/?p=12
注:背景图片来自土豆,其版权归土豆所有

PS:有兴趣的同学可以
推荐:下载附件(不含大图)
不推荐:下载二(含)(Blog流量有限啊)


Bug已修复,接受#2意见,滚动事件绑定在“豆单”上了,有需要绑定在document或去掉滚轮事件的修改这段代码即可:

  1.                 function attachWheel() {
  2.                         if(document.all) ctrlBar.onmousewheel = thumbWheel;  //将ctrlBar改为document即绑定滚轮事件到整个页面。
  3.                         else ctrlBar.addEventListener("DOMMouseScroll", thumbWheel, false);               
  4.                 }

复制代码


PS: 压缩包没有更新,大家将demo中的index.html替换即可。
PS2: IE8还是没有测试(没装),只加测了IE6,大家发现有问题的话欢迎跟帖,谢谢!


[[i] 本帖最后由 CNwander 于 2009-10-9 22:21 编辑 ]

photo_slider_small.rar

181.33 KB, 下载次数: 870

评分

参与人数 1威望 +1 收起 理由
cloudgamer + 1 谢谢分享

查看全部评分

发表于 2009-10-7 21:02:16 | 显示全部楼层
土豆那个好像是ajax的吧?
而且 你用鼠标的轮子 滚动一下 你那个是整页面 不管什么位置都会影响到列表的滚动.

土豆那个好像其他位置 不会  只有鼠标在 滚动这个层的区域的时候 才可以鼠标滚动


做的还是不错的.希望LZ 再接再厉哈~~
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-10-7 21:13:07 | 显示全部楼层
原帖由 [i]lijiyu1988 于 2009-10-7 21:02 发表
土豆那个好像是ajax的吧?
而且 你用鼠标的轮子 滚动一下 你那个是整页面 不管什么位置都会影响到列表的滚动.

土豆那个好像其他位置 不会  只有鼠标在 滚动这个层的区域的时候 才可以鼠标滚动

做的还是不错的 ...

谢谢。
模仿的是他这种展示形式,目的并不是为了和他一模一样,毕竟不是同一类型的应用。
至于土豆的滚轮事件,你刚一提醒我才发现,之前我都不知道豆单可以滚动
回复 支持 反对

使用道具 举报

发表于 2009-10-7 21:29:08 | 显示全部楼层
我做用户体验习惯性的注意到细节~~~~LZ还请不要介意哈
回复 支持 反对

使用道具 举报

发表于 2009-10-8 10:06:34 | 显示全部楼层
这么好的作品一定要顶一下啊
回复 支持 反对

使用道具 举报

发表于 2009-10-8 11:11:23 | 显示全部楼层
菜单列表出错,左右按钮没有事件!!
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-10-8 11:28:31 | 显示全部楼层
原帖由 [i]looknd 于 2009-10-8 11:11 发表
菜单列表出错,左右按钮没有事件!!

什么环境?
不过我猜多半是因为网络异常没有加载完毕
事件是在DOM与缩略图加载完之后添加的
回复 支持 反对

使用道具 举报

发表于 2009-10-8 13:24:43 | 显示全部楼层
经测试在ie6下有兼容现象 请楼主修正,谢谢
回复 支持 反对

使用道具 举报

发表于 2009-10-9 09:50:24 | 显示全部楼层
滑轮多滚几次再去按方向菜单就一直左右不停抽搐无法控制....
回复 支持 反对

使用道具 举报

发表于 2009-10-9 10:07:09 | 显示全部楼层
很cool的效果,就是ie6和ie8下兼容性有点问题.
回复 支持 反对

使用道具 举报

发表于 2009-10-9 10:13:08 | 显示全部楼层
cnwander,你的js好强,特别是看到你的桌球和贪吃蛇
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-10-9 11:07:34 | 显示全部楼层
原帖由 [i]bird2010 于 2009-10-9 10:07 发表
很cool的效果,就是ie6和ie8下兼容性有点问题.

看来得多安装几个浏览器,不能想当然,只测试了ie7和ff3.0
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-10-9 11:08:59 | 显示全部楼层
原帖由 [i]Syawn 于 2009-10-9 09:50 发表
滑轮多滚几次再去按方向菜单就一直左右不停抽搐无法控制....

滑轮的问题没试出来,回去换浏览器试试
回复 支持 反对

使用道具 举报

发表于 2009-10-9 11:28:08 | 显示全部楼层
我用IE8试的。不是偶然出现刷新之后重复操作依然抽搐。
先用滚轮滚几下,然后连续单击两下箭头,再去滚就抽了。
还有新症状是滚动条固定位置,滚轮和拖动箭头都失效。

[[i] 本帖最后由 Syawn 于 2009-10-9 11:31 编辑 ]
回复 支持 反对

使用道具 举报

发表于 2009-10-9 16:21:37 | 显示全部楼层
急用,期待更新
回复 支持 反对

使用道具 举报

发表于 2009-10-9 16:23:14 | 显示全部楼层
问题补充:就这个样式想改成视频播放 怎么改呢
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-10-9 22:40:28 | 显示全部楼层
原帖由 [i]wenjing0021 于 2009-10-9 16:21 发表
急用,期待更新

Bug刚刚已经修复,改为视频播放,修改函数function loadImg(url) {}始可。
把thumb item上的url改为你要播放的flv地址
回复 支持 反对

使用道具 举报

发表于 2009-10-10 08:49:41 | 显示全部楼层
效果不错,谢谢了。。。。
回复 支持 反对

使用道具 举报

发表于 2009-10-10 08:59:38 | 显示全部楼层
下面到滚动条能点击滚动更好
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-10-11 00:16:14 | 显示全部楼层
原帖由 [i]cloudgamer 于 2009-10-10 08:59 发表
下面到滚动条能点击滚动更好

嗯,确实那样用户体验更好,但这个没有正式运用到项目上去,就先不加了
回复 支持 反对

使用道具 举报

发表于 2009-10-16 22:36:01 | 显示全部楼层
FF3.53下右时往右拉的时候滑条会狂跳,刷新后正常
回复 支持 反对

使用道具 举报

发表于 2009-11-3 22:15:49 | 显示全部楼层
难道是ie的问题啊!?
回复 支持 反对

使用道具 举报

发表于 2009-11-3 22:18:12 | 显示全部楼层
我发现我的不对啊!
未命名.jpg
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-11-4 11:53:48 | 显示全部楼层
原帖由 [i]javaSaint 于 2009-11-3 22:18 发表
我发现我的不对啊!
131002

你是不是下载附件里的,之前有问题我没更新附件
你看demo吧,我测试了ie6,7 ff3.0 没问题
回复 支持 反对

使用道具 举报

发表于 2009-11-10 20:24:43 | 显示全部楼层
效果不错

测试了下IE8 可以  谷歌浏览器特效没有了哦
回复 支持 反对

使用道具 举报

发表于 2009-11-12 12:16:44 | 显示全部楼层
很好哦
回复 支持 反对

使用道具 举报

发表于 2009-11-18 09:37:40 | 显示全部楼层
谢谢!正想找个程序呢。
回复 支持 反对

使用道具 举报

发表于 2009-11-18 11:10:28 | 显示全部楼层
你博客上带图的包是实时更新的吧?
回复 支持 反对

使用道具 举报

发表于 2009-11-22 01:59:18 | 显示全部楼层
很好的东西 谢谢分享了
回复 支持 反对

使用道具 举报

发表于 2009-11-29 16:08:16 | 显示全部楼层
把楼主收了。。   ~ ~
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-11-27 22:27 , Processed in 0.125658 second(s), 12 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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