Js焦点图库 最牛叉焦点轮换图片解决方案2011-01-04
话说,各位做网站前端( 这样啥都干都不太精通的人通常呼之为“美工”,常常流浪拼博于中小城市或者大城市中小公司,比如:Tonjay!太TM给力了……在此给自己戴个高帽子,暂呼之为前端开发的!)的兄弟姐妹们,如果js不是很 牛叉的话,碰到Js焦点轮换图片,会常常花费一段时间甚至半天乃至一整天未果!
通常情况下,我生成html代码的时候,碰到焦点轮换图片时,就会去一些素材网站上查找,或者去其它网站上“扒”(常常做扒手啊,囧)!素材网站上的代码首先是良莠不齐,然后是有的不让改,一改就乱了,能改的话还要花费一番功夫去修改样式;去其它网站上“扒”这完全是靠运气了,碰到合适的还可以扒,碰不到就只能听天由命的再次寻找 了……
然而:以下内容只要认真阅读,然后到myFocus官方网站认真学习的话,相信以后的焦点轮换图片js代码对于自己来讲就是小菜一碟!
注:以下摘自官方网站!(除了第一段的第一句)点击跳转到官方网站进行学习!
1、什么是 myFocus
但是,现在,做前端开发者的各位同仁们的春天就要来了!今天在网上闲溜达,看到了一位高人开发的一个专注于焦点图/轮换图制作的JS库它小巧而且是完全独立的JS库,大概是6~7KB左右的大小(min版),用它可以轻松的制作出网上绝大部分常见的焦点图(甚至包括flash焦点图),而且制作出的焦点图体积也非常的小(1KB左右),功能也十分的完备,因为是轻量级,其运行效率也比常见的焦点图要高,最重要的一点是,用myFocus制作出的焦点图使用十分的简单方便,而且每个焦点图的接口/结构都是通用的,这样,只用1~2秒时间就给网站换不同风格的焦点图成为了可能。
2、myFocus 的优点
myFocus的设计理念就是简单易用,无论是多么复杂应用的焦点图。
这就意味着,myFocus的所有焦点图都可以轻松的切换风格、更改大小、添加任意多的图片等个性设置以快速的应用到你的网站上。
注意是所有,包括带有略缩图风格的焦点图,这或许会带给你前所未有的体验。
Enjoy It~
3、myFocus 的起源
之前我负责做不少网站,而且在设计的时候不少是需要用到焦点图的,那个时候只能在网上找,或到别的网上去“扒”。这过程很繁琐,而且头痛的是有些焦点图是注明版权信息的,例如某些flash的焦点图。当然,也有不少专门提供焦点图的网站,我也下载了很多(大多是flash格式),但能用到实际中的,却是非常的少。一方面是因为flash源码的非公开性,这样想把它们改成和自己网站风格相符的样式很难;另一方面可能是我个人的“情感”问题,我在想如果flash真的那么强大好用,那为什么还有那么多网站宁愿采用js做自己的焦点图呢?这肯定是有原因的。所以,对一些钟情的flash焦点图,我经常想:如果它的格式是js的话那是多么好啊……最终,我用自己的行动来实现了自己的想法,于是1个多月后有了经典论坛的那个帖子:仿2010世博会主页flash焦点图。这也是首个以myFoucs命名的焦点图。
非常幸运,这帖子引起了不少网友的关注和回帖,而且版主也给了个好评,这些都是激励我继续研究下去的动力。最后我特发奇想:每个焦点图为什么要独立呢?能不能像播放器的皮肤一样可以随意切换不同的风格?我把想法帖上来,因为我想确定是不是已经有人这样想而且已经实现了。后来了解到,有一个JQ插件叫switchable,用它可以实现网页元素的切换效果,例如焦点图、走马灯的图片展示、tab切换等。诚然它和我的想法有些接近,但它注重的是实现“切换”这个功能,而不是我的初衷:实现可以“切换不同的效果”。
在确定不会“重复造车轮”之后,myFocus项目终于启航了。
最后补充一下:为什么不基于jQuery而是独立的库?myFocus有没有jQuery的版本?
我可以理解,JQ是一个非常好用的JS库且非常的流行,myFocus里面的很多思想也都是向JQ致敬的,但我还是没有采用JQ。
一方面是因为我想myFocus可以适用更多的人群而不仅局限于JQ,二是myFocus本身是一个极轻量的库即使基于JQ来写也是,JQ和myFocus一起用并不会有任何的冲突;三是我认为myFocus在焦点图方面的运行效率会比JQ要好。当然你可以发E-Mail给我,以分享你不同的意见。
myFocus 今天的发布需要感谢很多人,大家的支持是myFocus走下去的最大动力,再次谢谢大家!
点击跳转到官方网站进行学习!
相关日志 »
-
期待更新哦、博主的文章我基本上都看了 很欣赏 欢迎回访
-
太好了,写得不错。
-
还真不懂,呵呵。
-
来学习了
祝新年如意,事事顺心 -
不错,来学习了~

5条评论 »