Tag : Gallery

READ MORE

前回の記事で、iPhoneやiPad、Androidなどに加えてPCでも動作するフリック/スワイプ動作UIをjQueryで実装する方法を紹介しましたが、前回の単純なフリック/スワイプのUI動作に加えて、自動で次の画像に切り替わるスライドショー動作とメインビジュアル部分にNEXT/BACKのボタンを追加したパターンでの画…

READ MORE

iPhoneやiPad、Androidといったスマートフォンやタブレット端末ではフリック/スワイプと呼ばれる指でスライドさせるUIが付き物になっています。jQueryでもこのフリック/スワイプ動作を実装できるプラグインはたくさんありますがいざ自分で作ろうとすると意外と大変な動作だったりします。この動作についていろいろ調…

READ MORE

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

READ MORE

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

READ MORE

Webサイト上でバナーや商品のサムネイル画像などの見せ方として、並べられた画像(コンテンツ要素)を一定のスピードで自動でスライドして、無限ループさせているものをたまに見かけます。そんなビューアー的役割のコンテンツ無限ループスライダーを作ってみたので紹介してみます。まずは動作のサンプルから。jQuery LOOPSLID…

READ MORE

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

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