jquery如何使用skitter插件
小编给大家分享一下jquery如何使用skitter插件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
下载地址:http://www.skitter-slider.net
这个插件最大的特色是,它在翻页或滑动时有非常多的动画效果,比如立方体形、管道形等等。它还给用户提供一系列选项进行最大限度的自定义,例如,动画速度,转换间隔,图片文字标签的设置等。
使用很简单,给予正确的配置就行。
详细配置参数见:http://blog.sina.com.cn/s/blog_7f95e24b01017ts9.html 和官网。这里不再赘述。
这里主要讲一下它的缺点。
缺点一:
也算是BUG我觉得,参数设置全屏的时候宽屏图片显示没问题(官网上全是宽屏图片),当窄屏大图片全屏时就不如人意了,以下对比:
可以清楚的看出来不和谐之处。查看代码才知道它的‘父母’考虑不周全
只定义了高度,没有定义宽度(自己写程序的时候就要注意,要想到所有可能的情况)。于是乎:
看效果:
缺点二:
不支持手机滑动换图。对于本来就是要用于手机端的我怎能容忍。
继续修改源码。借助另一个插件jquery_mobile。
(去学校学习)用法:
看源码,找到适合修改的地方,加入代码:
其实这个是仿照它的前一个和后一个按钮触发事件写的,只不过触发源改了。
以上是“jquery如何使用skitter插件”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341