找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
积分等级发帖收益的说明江阴论坛帮助汇总江阴论坛管理规则(必看)江阴论坛版主招聘中江阴论坛已运行
查看: 1480|回复: 0

[技术分享] 轻量级原生 Slideshow Javascript 库:TinySlider

[复制链接]
发表于 2010-1-11 09:53:46 | 显示全部楼层 |阅读模式
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
});


下载:TinySlider

原文:http://fairyfish.net/2009/12/09/tinyslider/
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|江阴人家

GMT+8, 2024-11-24 02:00 , Processed in 0.019621 second(s), 16 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表