1.5KBで実装できるスライドショー用JavaScript ライブラリ「TinySlider」
2009年12月09日-
スポンサード リンク
1.5KBで実装できるスライドショー用JavaScript ライブラリ「TinySlider」。
次のような、左右のナビゲーションとページ番号がついたスライドショーの実装スクリプトの紹介です。
jQueryプラグインではありませんが、jQueryバリに簡単に実装できる模様です。
var slideshow=new TINY.slider.slide('slideshow',{
id:'slider', // スライドショー用のdivのID
auto:3, // 自動再生の秒数
vertical:false, // 垂直方向に移動するかどうか
navid:'pagination', // ナビゲーションのID
activeclass:'current', // ナビゲーションLIのアクティブなクラス名
position:0 // 最初のスライド位置
});
カスタマイズも容易ですね。
デモとソースのダウンロードは以下のエントリを参照してください。
JavaScript Slideshow ? TinySlider - Web Development Blog
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- AppleっぽいデザインのjQueryスライダーサンプル
- Excelそっくりな表計算モジュールを実装可能なオープンソースモジュール「Gelsheet」
- 2012年5月24日 管理人のブックマーク
- 立体感がリアルなON・OFFスイッチ実装jQueryデモ
- PHPフレームワークにTwitter,Facebook等の認証を速攻実装できる「Opauth」
- 2012年5月23日 管理人のブックマーク
- PC・スマホ・タブレットで動くクールなHTML5スライドショー実装ができる「Juicebox」
- 既にここまで出来るWebGLのデモ22
- 2012年5月22日 管理人のブックマーク
- CSSな吹き出しを作れるWEBツール「cssarrowplease」
- 過去のエントリ



















間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)



