资 源 简 介
一款简洁风格的Js幻灯图片切换代码,常言说:好吃不过饺子、舒服不过躺着。现在已经有很多焦点图片的代码了,有JS的、也有flash的。不过看了很多,却发现对于项目开发来说,很多的焦点图片却不是那么容易使用的:有的需要为之定义一个文本文件,有的兼容性存在问题,有的是基于jQuery实现的插件需加载过多的脚本,有的不能自适应图片的尺寸,有的会导致图片比例失调严重变形,有的编写过于随意难以做到动作和结构的分离……为此,我希望有这样一个焦点图片控件:1、便于项目开发者应用,动作和结构分离,程序员只要按约定输出相关数据即可,前端可以用简洁的结构;2、兼容各种主流的浏览器;3、对于图片能做到自适应,不要求特殊尺寸的图片,不导致图片变形。本着这个出发点,我写了这样一个JS的焦点图片:
1、我们已经假定你的页面上只会出现一个焦点轮换区域。事实上,多个焦点是毫无必要的,也是不友好的用户体验;
2、代码尽量简短,以加快加载的速度并减轻服务器负荷;
3、前端结构简洁,便于控制样式。