zarkfx，非常实用强大的“幻灯片”插件cycle2.js终于被改成fx了

[sdjl]

网站中有一种常见需求，就是几张图片轮播，或者是一些div轮流出现等，这种功能我们通常称之为“幻灯片”，或者“slide”。

网络上有很多这一类的js插件，但是根据实际经验这些插件都不太实用， 因为通常我们需要根据当前网站定制化样式，而那些插件都绑定了太深的样式。

在实践中发现cycle插件很不错，于是改造为fx，那么可能就会有朋友站出来问了，“我为什么不使用原插件而要实用fx呢？”

实用fx有这么几个理由：

1 我们给你把文档翻译并整理好了，所有的fx文档都一样，参数风格也一样。

2 使用fx="***"的统一调用方式，您不需要每次用新插件时都花时间去学习原插件的用法。

3 zarkfx优化了调用方式，比如原插件在使用特殊效果时，或者在需要兼容ie6时要下载其它js插件，然后引用它们。而zarkfx会根据你请求的参数自动加载需要的插件，让使用变得更简单。

4 不懂js也能用。如果你是程序员，那么你可能意识不到这一点，其实很多设计师或者会写css的朋友不一定会写js，让他们去研究js api，写js代码实在尴尬。zarkfx希望能为这些人提供一种解决方案。


来看看示例吧， 因为页面中样例较多， 可能要牛逼一点的浏览器才够流畅：

http://zarkfx.com/auto_gen/cycle.html （因为改动了核心js代码，如果你之前访问过zarkfx.com，可能得清空一下缓存）

根据我们的经验，cycle是完美兼容ie6的，我们会继续完善文档和兼容性。。。

[Feobe]

确实不错，费心了，赞个

[sdjl]

@Feobe 感动啊， 几百个人看终于有人回复了， 移植这个很花时间的~~~

[sdjl]

@Feobe 等我们重构已有的30多个fx就可以发布v0.1版本了

[enotey]

太棒了！谢谢楼主

[sdjl]

@enotey 谢谢 代码放在github上面的， 想学习的朋友可以去看看 zarkfx.js 这个主文件 其它fx都是“插件” https://github.com/sdjl/zarkfx

[Feobe]

估计是v2ex上小白不多，要是去一些站长论坛，肯定很受欢迎。。

[tititake]

直接用IE6访问报错，没有滚动效果，firefox正常。

另外这个是否主要用于图片的展示？如果是HTML内容，包括很多elements的，是不是不太合适？

[glume]

顶楼主，可惜我的jquery用的还可以。

[zythum]

@Feobe 我怎么觉得小白可能不会用。

[sdjl]

@tititake ie6这几天抽空修复 谢谢提醒 用于轮播一个div也是可以的， 效果不错

@glume 嗯， 其实我们就是在原创一些jquery的插件， 然后收集一些jquery的插件， 然后都改造为fx

@zythum 成熟、稳定、完善文档的话就会了， 因为小白不懂得去找国外的开源库来调用， 用这个的话一次拥有~~~~哈哈

[sdjl]

真实案例：
http://klview.com 这个首页的自适应屏幕+fade切换背景图片是用“bgimage” fx做的
http://klview.com/works 同样的图片， 在这个页面是用“cycle” fx做的

[tititake]

@sdjl 谢谢，轮播div有空的话能不能加个例子看看？

[Joan]

http://code.google.com/p/myfocus-js/ 笑而不语..!

[DearMark]

支持！

[sdjl]

@tititake 看原作者的例子吧 http://jquery.malsup.com/cycle2/demo/non-image.php