新幻灯插件 Accordion Slide Demo

开始写这款幻灯插件已经是上月初的事了,到现在基本写好了差不多一个月了,后来因为各种忙,拖到现在才继续完成。该幻灯插件使用了交互设计中比较常用的“手风琴效果”,之前 Kayo 把“手风琴效果”用在了个人简历上,有童鞋比较喜欢这种效果,因此 Kayo 便把它做成幻灯插件,方便使用。

插件兼容 ie6~9 以及 Firefox , chrome 等现代浏览器,另外插件的功能是使用 jQuery 写的,因此需要 jQuery 库的支持,如果用户的 WordPress 中本身并没有加载 jQuery 库,可以在插件设置中选择加入 jQuery 库。

插件已经基本做好了,不过还没有进行足够的测试,因此 Kayo 先放出 Demo ,待完善后再放出插件。

Demo:https://kayosite.com/demo/accordion-slide/demo/index.html

预览图:

Accordion Slide Demo 效果图

用户默认交互效果

  • 点击图片展开完整图片

用户可设置

  • 幻灯图片的数量
  • 图片的高度、宽度
  • 幻灯是否有边框以及边框的大小、颜色
  • 是否显示图片的配对文字和配对文字的内容
  • 图片的超链接
  • 是否加载jQuery库

本文由 Kayo Lee 发表,本文链接:https://kayosite.com/the-plugin-accordion-slide-demo.html

评论列表

  • 评论者头像
    回复

    好吧,我无聊了,我一直点同一幅图,然后bug就出现了

    • 评论者头像
      回复

      @牧风 谢谢bug反馈,已果断修复!

      • 评论者头像
        回复

        @Kayo 表示还是有bug, 一次快速点击多幅图, 然后果断又出问题了

        • 评论者头像
          回复

          @牧风 我没有试出问题噢,你强制刷新一下吧!

  • 评论者头像
    回复

    效果还可以再优化哈,等你完善了拿来用用!

  • 评论者头像
    回复

    占个位
    放出来是麻烦邮件通知下,谢谢

  • 评论者头像
    回复

    不错,最好加个自动播放 :idea:

    • 评论者头像
      回复

      @airoschou 哈哈,正有此意!不过这个功能应该会在正式版时才加上去,beta版暂时木有!

      • 评论者头像
        回复

        @Kayo 我还有个建议,就是在鼠标行为上做出区别。

        • 评论者头像
          回复

          @调皮鬼 嗯,本来打算是放上去鼠标变为手型的,不过因为整幅图都是触发区,这样鼠标放到链接上时就没有变化了(因为也是变为手型),这个做个插件后台选项吧,留给用户选择!

  • 评论者头像
    回复

    这个效果不错。前几天流行的。

    • 评论者头像
      回复

      @Demon 其实很久之前就见过这种效果,不过还是自己动手做一个更适合 :mrgreen:

  • 评论者头像
    回复

    非常实用的幻灯插件。 我去点点看有没bug。 8-O

  • 评论者头像
    回复

    这个高级啊

  • 评论者头像
    回复

    这个效果很有感觉哦~

  • 评论者头像
    回复

    相当不错的效果。。 :idea:

  • 评论者头像
    回复

    这类应该改为hover比较好点,个人觉得,哈。

    • 评论者头像
      回复

      @zwwooooo 嗯,hover又是另一种体验,做成选项让用户选择hover还是click!

  • 评论者头像
    回复

    看了下测试的评论。现在很期待你的后台选项了。

  • 评论者头像
    回复

    不自动播放?

    • 评论者头像
      回复

      @夜灵 嗯,暂时不打算做,正式版的时候应该会加进去的!

  • 评论者头像
    回复

    插件做好了通知下哈。谢谢额 :mrgreen:

  • 评论者头像
    回复

    好清爽的模板啊 :mrgreen:

  • 评论者头像
    回复

    上面的图片可是是外链的么?

1 2

回复

你正在以游客身份访问网站,请输入你的昵称和 E-mail