提示:这里是模拟网站的后台操作,看一下给网站换焦点图,是不是像给播放器/浏览器换皮肤一样那么简单?
切换风格/刷新时如果看不到效果请多次点击"应用"(网络延迟问题)

»常见答疑
1.myFocus兼容性如何?
myFocus兼容目前所有的主流浏览器,包括IE6+,FF3.5+,Chrome5.0+等,而且在各个浏览器中的表现效果保持一致。
2.myFocus可以免费使用、制作其它程序插件吗?
myFocus库推崇开源和共享,在保留基本著作信息的前提下可以免费使用、制作附件。
3.打开焦点图瞬间它撑大了页面造成体验不好,怎么修正?
建议在焦点图的div上加上:style="visibility:hidden",这样可以在一定程度上解决闪动(感谢网友kin1987提供的方案)。
也可以考虑在CSS中定义焦点图的大小,即自定义一个class或在对应风格的class里定义width和heigh值;或干脆在它的div上直接定义其大小,例如:<div id="myFocus" style="width:450px;height:296px;overflow:hidden;">....</div>。
另外,还可以把焦点图的所有内容放置在一个独立的html页面,再用iframe标签把它引进来。或许,这样对焦点图的SEO来说会不太好,但这样却是解决这个问题的最有效方法。
最后提供一个小技巧设置。在结构复杂、引用文件较多的页面设置myFocus时,可以在相应的DIV结构下面这样调用myFocus.set({你的参数设置},true),后面多加了一个true参数是为了让它立即执行,这样就减少了可能的延迟造成页面的凌乱。
4.如何下载myFocus其中一款风格?
myFocus的风格文件全部放在pattern目录中(参看:http://myfocus-js.googlecode.com/svn/trunk/pattern/),使用前建议全部下载,而不只是下载其中一款。因为myFocus是按需加载,没有用到的风格并不会加载到页面,并且是自动加载你选择的风格。
5.如何为每个焦点图的图片绑定自定义事件?为什么直接绑定不行?
myFocus在执行代码时会重构DOM树,所以开始直接绑定是不行的,需要在重构完后才能绑定事件,即在myFocus.set(p,[DOMReady],[callback])中的callback函数内定义即可。例如:myFocus.set({id:'test'},function(){你自定义事件的代码...}).
6.有些图片太大只显示左上角,请问可以使图片自适应显示大小并居中吗?
myFocus默认是不缩放主图图片的,一律显示原始尺寸,因为IE系列浏览器缩放图片效果不理想,也比较影响某些效果的执行效率。当然如果你想用到缩放居中,myFocus也提供了这个支持,设置myFocus.set()中的autoZoom参数值为true即可(某些风格可能不支持)。详见API文档
7.myFocus使用GB2312编码不行?一定要用utf-8吗?
myFocus文件默认是utf-8格式,在GB2312编码的网页上使用按情况需要加charset="utf-8"
例如:<script type="text/javascript" src="xxx.js" charset="utf-8"></script>
另一种解决方法是把js文件保存为gb2312编码(windows记事本默认的保存格式)。
8.myFocus遇到变量冲突怎么办?
myFocus只占用2个全局变量:myFocus、myFocus__AGENT__,其中myFocus__AGENT__是myFocus的别名,如果myFocus已被占用,那么可以用myFocus__AGENT__来代替myFocus,一些老版本的风格应用JS文件可能也需要把里面的myFocus.extend改为myFocus__AGENT__.extend。
© 2010/11/28 | Blog:WEB开发笔记| Created by koen_lee