Tag : カルーセル

READ MORE

先日「jQueryでリキッド対応のカルーセルUIを作成する実験」と題して、ブラウザのサイズによって可変するリキッドカルーセルパネルUIの実装方法を紹介しましたがその動作に自動でスライドする機能を追加したパターンを作成してみたので紹介してみます。まずは動作サンプルから。jQueryでリキッドカルーセルUIに自動スライド機…

READ MORE

今までここでカルーセルパネルUIを実装するサンプルをいくつか紹介していますが、amazonのサイトでも使われているような、ブラウザ枠のサイズによってカルーセルに表示する個数を変化させるリキッド対応のカルーセルパネルを試しに作ってみたので紹介してみます。まずは動作サンプルから。jQueryでリキッド対応のカルーセルUIを…

READ MORE

以前、「jQueryでシンプルなカルーセルパネルスライドUIを作成する方法」と題して、jQueryを使ってのシンプルなスクリプトでカルーセルUIを実装する方法を紹介しましたがカルーセル動作での自動でスライドするパターンの実装方法のリクエストをいただき、以前のものをカスタマイズして、試しに作ってみたので紹介してみます。ま…

READ MORE

先日「jQueryでシンプルなカルーセルパネルスライドUIを作成する方法」と題した、jQueryでのシンプルなカルーセルパネルを実装する方法を紹介しましたがそのカルーセルパネルに、ページ送り(ページネーション)を付けた形でのバージョンアップ(?)版を作ってみたので紹介してみます。まずは動作のサンプルから。左右に現れる矢…

READ MORE

サイト上での新着情報や関連情報などのギャラリー的要素となるものを左右に設置した矢印ボタンなどを使って、表示要素をスライド操作させるカルーセルと呼ばれるUI。jQueryプラグインでもカルーセルパネルを実装するものは数多く有りますが必要最低限の動作でスクリプトもシンプルな形でのカルーセルパネルを作ってみたので紹介してみま…

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR