V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
sdjl
V2EX  ›  程序员

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

  •  
  •   sdjl · 2013-04-25 17:28:10 +08:00 · 4134 次点击
    这是一个创建于 4259 天前的主题,其中的信息可能已经有所发展或是发生改变。
    网站中有一种常见需求,就是几张图片轮播,或者是一些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 条回复    1970-01-01 08:00:00 +08:00
    Feobe
        1
    Feobe  
       2013-04-25 22:13:48 +08:00
    确实不错,费心了,赞个
    sdjl
        2
    sdjl  
    OP
       2013-04-26 09:44:18 +08:00
    @Feobe 感动啊, 几百个人看终于有人回复了, 移植这个很花时间的~~~
    sdjl
        3
    sdjl  
    OP
       2013-04-26 09:48:40 +08:00
    @Feobe 等我们重构已有的30多个fx就可以发布v0.1版本了
    enotey
        4
    enotey  
       2013-04-26 09:54:27 +08:00 via Android
    太棒了!谢谢楼主
    sdjl
        5
    sdjl  
    OP
       2013-04-26 09:55:34 +08:00
    @enotey 谢谢 代码放在github上面的, 想学习的朋友可以去看看 zarkfx.js 这个主文件 其它fx都是“插件” https://github.com/sdjl/zarkfx
    Feobe
        6
    Feobe  
       2013-04-26 10:52:27 +08:00
    估计是v2ex上小白不多,要是去一些站长论坛,肯定很受欢迎。。
    tititake
        7
    tititake  
       2013-04-26 11:17:57 +08:00
    直接用IE6访问报错,没有滚动效果,firefox正常。

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

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

    @zythum 成熟、稳定、完善文档的话就会了, 因为小白不懂得去找国外的开源库来调用, 用这个的话一次拥有~~~~哈哈
    sdjl
        11
    sdjl  
    OP
       2013-04-26 15:17:13 +08:00
    真实案例:
    http://klview.com 这个首页的自适应屏幕+fade切换背景图片是用“bgimage” fx做的
    http://klview.com/works 同样的图片, 在这个页面是用“cycle” fx做的
    tititake
        12
    tititake  
       2013-04-26 15:43:40 +08:00   ❤️ 1
    @sdjl 谢谢,轮播div有空的话能不能加个例子看看?
    Joan
        13
    Joan  
       2013-04-26 16:20:17 +08:00
    DearMark
        14
    DearMark  
       2013-04-26 16:26:01 +08:00
    支持!
    sdjl
        15
    sdjl  
    OP
       2013-04-26 18:50:39 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   894 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 20:12 · PVG 04:12 · LAX 12:12 · JFK 15:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.