小春网

 找回密码
 注册账号
楼主: vivi12
收起左侧

[IT 交流] 提问---鼠标滑过黑白变彩色

[复制链接]
 楼主| 发表于 2012-8-17 17:00:35 | 显示全部楼层
上官无忌 发表于 2012-8-17 06:25
JQ来实现吧..

http://webdesignerwall.com/demo/html5-grayscale/

请问您这是两张图片切换实现的吗
回复

使用道具 举报

 楼主| 发表于 2012-8-17 17:01:11 | 显示全部楼层
憨吃迷糊睡 发表于 2012-8-17 10:54
1)IE下有效,Chome下无效的大体原因如下:
原来网页的思路是,在页面启动时,调用自定义的correctPNG函数 ...

版主大人,请问上官无忌的方法是两张图片切换实现的吗
回复

使用道具 举报

 楼主| 发表于 2012-8-17 17:02:11 | 显示全部楼层
憨吃迷糊睡 发表于 2012-8-17 10:54
1)IE下有效,Chome下无效的大体原因如下:
原来网页的思路是,在页面启动时,调用自定义的correctPNG函数 ...

版主大人,请问上官无忌的方法是两张图片切换实现的吗
回复

使用道具 举报

发表于 2012-8-17 17:14:48 | 显示全部楼层
vivi12 发表于 2012-8-17 17:02
版主大人,请问上官无忌的方法是两张图片切换实现的吗

应该不是两张图片切换实现的,而是通过自定义函数grayscale实现的

彩色的是原来的图片,黑白的是用自定义函数处理过的

用两张图片实现应该也比较容易,很多图片处理软件都可以做出来黑白效果的图片

问题是每次换图片时都得一次做两张,怪费事儿的
回复

使用道具 举报

发表于 2012-8-17 17:45:08 | 显示全部楼层
本帖最后由 上官无忌 于 2012-8-17 17:46 编辑
vivi12 发表于 2012-8-17 17:02
版主大人,请问上官无忌的方法是两张图片切换实现的吗



严格来说是2张图片.

每次 onmouseover的时候  即时生成.


回复

使用道具 举报

 楼主| 发表于 2012-8-18 21:46:54 | 显示全部楼层
憨吃迷糊睡 发表于 2012-8-17 17:14
应该不是两张图片切换实现的,而是通过自定义函数grayscale实现的

彩色的是原来的图片,黑白的是用自定 ...

制作人员说看不懂。。。

换用两张图片的话又说需要重新做后台

我再问问看,谢谢了
回复

使用道具 举报

 楼主| 发表于 2012-8-18 21:47:25 | 显示全部楼层
上官无忌 发表于 2012-8-17 17:45
严格来说是2张图片.

每次 onmouseover的时候  即时生成.

制作人员说看不懂。。。

换用两张图片的话又说需要重新做后台

我再问问看,谢谢了
回复

使用道具 举报

发表于 2012-8-18 22:07:25 | 显示全部楼层
vivi12 发表于 2012-8-18 21:46
制作人员说看不懂。。。

换用两张图片的话又说需要重新做后台

叫技术人员辞职了吧...
回复

使用道具 举报

发表于 2012-8-19 00:20:46 | 显示全部楼层
IIDIUS.zip (237.72 KB, 下载次数: 1)

迷糊做的例子,要是制作人员还看不懂的话,最好让本人来提问交流,可能效率会高一些

压缩包中的jquery-1.8.0.min.js来自http://jquery.com/
使用前请熟悉一下http://jquery.org/license/ 上面的内容
回复

使用道具 举报

发表于 2012-8-29 10:13:14 | 显示全部楼层
各种浏览器的javascript不太一样, 如果想对应多浏览器,就要在兼容多浏览器方面多下功夫。。。

我一经完全放弃自己考虑兼容性了

javascript的话, jQuery, proto什么的,还有yahoo的javascript库等估计都是支持多兼容性的  考虑一下使用这样的javascript库
回复

使用道具 举报

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

本版积分规则

小春网
常务客服微信
微信订阅号
手机客户端
扫一扫,查看更方便! 快速回复 返回顶部 返回列表