TinySlider 是一个非常轻量级的原生 Slideshow Javascript 库,它只有 1.5KB 大小,并且是原生的,所以你使用它之前无需引入 jQuery 这些库,所以速度上也更加快。
TinySlider 可以很容易通过 CSS 定义就集成到任何网站中,并且它不仅仅支持图片,而且支持任何内容,该脚本支持自动轮换,自动恢复到最初界面,支持导航栏,并且支持横向或者纵向轮换等等,功能非常强大。
TinySlider 基本使用语法如下:
var slideshow=new TINY.slider.slide('slideshow',{
id:'slider', // slideshow 父级 div 的 ID
auto:3, // 自动轮换的时间间隔,默认这个功能是禁止的
resume:true, // 中断后自动恢复,默认为false。Resume auto after interrupted, defaults to false
vertical:false, // 定义是否使用垂直方向,默认为 false
navid:'pagination', // 定义可选的 导航条的 UL 的 ID
activeclass:'current', // 定义但前 Slide LI 的 class
position:0 // 定义最初的slide,默认为 0
});
下面是一个简单的演示:
- 1
- 2
- 3
- 4
下载:TinySlider




杀一个发 ~
水煮鱼太强大了 ~
O(∩_∩)O哈哈~
很好很强大。正想找一个实现这种功能的代码呢。
图片很美
汗 首页又改得不伦不类了。。。
90后的小 P 孩,啥都不懂,就知道乱说!
这个首页貌似比较有经济效应?而且可以加快打开速度?
某人想美元想疯了 哈哈
前段时间看到一个类似的幻灯片效果,不过jquery的,老大老大
水煮大师,请问http://www.emoistore.com/这个网站是wp做的吗????
由兽兽大师告诉你 不是 是ecshop或者同类网店源代码做的
小 P 孩在这里装大师?
哈哈!
成都海洋馆的照片!
效果非常不错,Tiny有一系列的JavaScript产品,都是轻量级的
鱼叔,把DEMO直接嵌入文章里是怎么做的?
看这里 http://fairyfish.net/2009/11/09/custom-head/
谢谢鱼叔的解答
很不错,订阅在哪里呀?