現在WEBサイトで良く見かけるテクニックの一つスライダー。少ないスペースで様々なコンテンツを見せられるのが魅力ですが、今日はそんなスライダーのテクニックを集めたエントリー「25+ Awesome Slider Techniques」を紹介したいと思います。
よく見るスライダーから、動きが特殊なものやインターフェイスが優れているもの様々なスライダーのテクニックが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
■jQuery.ScrollTo
様々な方向にスライドさせる事ができるスライダー応用次第では面白いものが作れるかもしれません。
■Slider Gallery
Macライクなスライドショー。シンプルに綺麗に見せたいときは良いですね。切り抜き写真とは相性が良さそうです。
■Sliding Boxes and Captions with jQuery
キャプション付きのボックスタイプのスライドショーです。jQueryを利用しています。
上記の他にも様々なタイプのスライダーが紹介されています。サイトに動きをつけたいとか、もっとコンテンツを押し出していきたいと言う方にはオススメの手法です。
多くのサイトはデモも見られるようになっており、サンプルコードもダウンロードできるようになっていますので実装はそこまで困難ではないかと思います。スライダーを導入してみたいと言うWEB制作者、開発者の方は是非どうぞ。
Related Articles:
- フォームで使えるjQueryテクニック集「10+ JQuery tutorials for working with HTML forms」
- aphotoshodesign03
- 最新のjQueryプラグインとチュートリアル25選「25 Fresh and New jQuery Plugins and Tutorials」
- スムーズに伸び縮みするサイドバー用タブメニュー「jQuery Sidebar Sliding Tab Menu Tutorial」
- jQueryで実現するツールチップ集「15 jQuery Plugins To Create A User Friendly Tooltip」
(49)
(0)
(8)
Total: 60
