新幻灯插件 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

评论列表

  • 评论者头像
    回复

    还是比较喜欢自动播放的那种。 :-P

    • 评论者头像
      回复

      @野人部落 我也比较喜欢自动播放的,只是觉得这个幻灯不大适合自动播放,所以就没有做成自动了!

  • 评论者头像
    回复

    第一次来,初玩wordpress,看到你的简历,佩服你大学所学的东西很多,自己大二了却还停留网页的基础上,忏愧,以后多来学点技术, :-o

1 2

回复

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