• 请不要在回答技术问题时复制粘贴 AI 生成的内容
sdjl
V2EX  ›  程序员

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

  •  
  •   sdjl · Apr 25, 2013 · 5509 views
    This topic created in 4945 days ago, the information mentioned may be changed or developed.
    网站中有一种常见需求,就是几张图片轮播,或者是一些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的,我们会继续完善文档和兼容性。。。
    15 replies  •  1970-01-01 08:00:00 +08:00
    Feobe
    Feobe
    Apr 25, 2013
    1
    确实不错,费心了,赞个
    sdjl
    sdjl
    OP
    Apr 26, 2013
    2
    @Feobe 感动啊, 几百个人看终于有人回复了, 移植这个很花时间的~~~
    sdjl
    sdjl
    OP
    Apr 26, 2013
    3
    @Feobe 等我们重构已有的30多个fx就可以发布v0.1版本了
    enotey
    enotey
    Apr 26, 2013 via Android
    4
    太棒了!谢谢楼主
    sdjl
    sdjl
    OP
    Apr 26, 2013
    5
    @enotey 谢谢 代码放在github上面的, 想学习的朋友可以去看看 zarkfx.js 这个主文件 其它fx都是“插件” https://github.com/sdjl/zarkfx
    Feobe
    Feobe
    Apr 26, 2013
    6
    估计是v2ex上小白不多,要是去一些站长论坛,肯定很受欢迎。。
    tititake
    tititake
    Apr 26, 2013
    7
    直接用IE6访问报错,没有滚动效果,firefox正常。

    另外这个是否主要用于图片的展示?如果是HTML内容,包括很多elements的,是不是不太合适?
    glume
    glume
    Apr 26, 2013
    8
    顶楼主,可惜我的jquery用的还可以。
    zythum
    zythum
    Apr 26, 2013
    9
    @Feobe 我怎么觉得小白可能不会用。
    sdjl
    sdjl
    OP
    Apr 26, 2013
    10
    @tititake ie6这几天抽空修复 谢谢提醒 用于轮播一个div也是可以的, 效果不错

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

    @zythum 成熟、稳定、完善文档的话就会了, 因为小白不懂得去找国外的开源库来调用, 用这个的话一次拥有~~~~哈哈
    sdjl
    sdjl
    OP
    Apr 26, 2013
    11
    真实案例:
    http://klview.com 这个首页的自适应屏幕+fade切换背景图片是用“bgimage” fx做的
    http://klview.com/works 同样的图片, 在这个页面是用“cycle” fx做的
    tititake
    tititake
    Apr 26, 2013❤️1
    12
    @sdjl 谢谢,轮播div有空的话能不能加个例子看看?
    Joan
    Joan
    Apr 26, 2013
    13
    DearMark
    DearMark
    Apr 26, 2013
    14
    支持!
    sdjl
    sdjl
    OP
    Apr 26, 2013
    15
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   782 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 17:26 · PVG 01:26 · LAX 09:26 · JFK 12:26
    ♥ Do have faith in what you're doing.