轻量级原生 Slideshow Javascript 库:TinySlider

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
});

下面是一个简单的演示:

Previous
  • TinySlider – Simple JavaScript Slideshow

    TinySlider 是一个非常轻量级的原生 Slideshow Javascript 库,它只有 1.5KB 大小,并且是原生的,所以你使用它之前无需引入 jQuery 这些库,所以速度上也更加快。

    TinySlider 可以很容易通过 CSS 定义就集成到任何网站中,并且他不仅仅支持图片,而且支持任何内容,该脚本支持自动轮换,自动恢复到最初界面,并且支持横向或者纵向轮换。TinySlider 基本使用如下:

  • Sea turtle
  • Coral Reef
  • Blue Fish
Next
  • 1
  • 2
  • 3
  • 4

下载:TinySlider

标签:

热门文章