web前端——曝光图像替换的N种办法缺陷(2)
昨天临时有点事,没写完。不好意思,这次补上这个没写完的部分!接下来介绍第四个:
NO.4 IFR与SIFR
图像替换主要想要解决的问题是在大多数计算机上面缺少字体的解决办法。为了将文本替换成文本的图像,MIke Davidson 和 Shaun Inman一起开创了一种更新颖的办法。
Flash允许字体嵌入swf文件,所以它们并不把文本换成图像,而是用flash文件替换文本。进行这一替换的方法是使用javascrip搜索文档,找到特定元素或者具有特定类名的元素中的所有文本。然后,javascrip将文本替换成一个小的flash文件。接下来是真正精彩的了,看好了。这种技术并不为每段文本创建单独的flash文件,而是将被替换的文本放回一个重复的flash文件中,因此,触发图像替换所需要做的只是添加一个类,flash和javascrip会完成余下的工作。另一个好处是flash文件中的文本是可以搜索的,这意味着可以轻松的复制它。
Shaun Inman公开了他的图像替换方法,并且将它明明为IFR图像替换。IFR是一种轻量的方法。关于这个方法的细节,我不说了,大家可以去http://www.cnblogs.com/jiawl/admin/EditPosts.aspx?opt=1http://www.cnblogs.com/#上找到。
Mike Davidson对这个方法进行了扩展,创建了,SIFR替换方法。这个方法允许多行文本替换和改变文本字号。
要想在站点上使用这个方法,首先需要从http://www.cnblogs.com/jiawl/admin/EditPosts.aspx?opt=1http://www.cnblogs.com/#下载最新的版本。在站点上安装sifr是非常简单的,但应该线阅读文档哦。首先打开flash文件、嵌入希望使用的字体并且导出视频。为了让sifr能够不出现错误,接下来应该包含的打印和屏幕样式。好了,现在,我们将javascrip文件添加到希望使用sifr的每个页面中。可以将这个文件进行很多配置,可以指定要替换的元素、文本颜色、填充、大小写以及其他的许多样式属性。完成配置后,将所有的文件上传到服务器,进行测试一下,你就会发现,现在这些原本属于文档的部分已经变成了动态的flash内容。
不过有点不好的地方是:涉及页面的加载,如果是比较大型的网站,在页面加载时必须是要把页面加载完成,才能够显示,还有可能会闪烁几下才可能显示这些动态的文本。
虽然这个问题不会造成其他的失误,但是还会给用户带来一种页面加载速度慢的印象,所以说,这些替换技术不不太完善,奉劝大家,不要在网上看到这些替换方法,就感觉找到了自己心仪的女孩或者白马王子一样兴奋,活族它给你带来的不是那么完美呢?呵呵,不过这些我就不太操心了,因为你看完这些应该有自己的心得了,要慎用,也不是完全不可用。当然,我们也可以创造出来我们自己的技术,至于要不要公开就是你自己的问题。任何东西开发出来,都不是一种死的模式,我们慢慢摸索,总能出现属于我们自己的模式!加油哦!!
(喜欢学习的和想与我探讨各种web知识的留下你的邮箱或联系方式,或者跟我发邮件747850255@qq.com转载请自觉附上转载地址,来自博客园&http://www.cnblogs.com/#8220;明年开奥迪&http://www.cnblogs.com/#8221;)