Tag : スライド

READ MORE

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

READ MORE

以前に「jQueryでループして画像などコンテンツ要素をスライドさせる無限ループスライダーの作成方法」と題して、コンテンツ要素が無限ループするコンテンツオートスライダーの紹介をしましたが機能部分でのリクエストなど要望もあって、改良版を作ってみたので紹介してみます。以前のような自動でコンテンツ要素をループスライドする動作…

READ MORE

以前にここで「jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法」と題して、jQueryでの画像切替ビューアーを紹介しましたが、これを応用して、自動で画像エリアが切り替わるシンプルな画像スライドショーを作ってみたのでご紹介。まずは動作のサンプルから。※全体構成は以前の記事の物と同じにしてあります。jQu…

READ MORE

かなり前に「jQueryでページ遷移時にアニメーション効果をつけてみる。」と題して、jQueryでページ遷移時に画面をスライドさせるアニメーション効果をつけるSCRIPTを紹介しましたが、どうやらブラウザによって、画面遷移後にブラウザの「戻る」ボタンで前画面に戻ると遷移時にアニメーション用の動作として操作したCSSの指…

READ MORE

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

READ MORE

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

READ MORE

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

READ MORE

jQueryを使って写真やコンテンツ要素をスライドさせるプラグインは多々ある中、スライドさせる要素または用途によって、いろいろなパターンでのスライド切り替えが可能になるjQueryコンテンツスライダープラグイン「Awkward Showcase」が便利そうだったのでご紹介。Awkward Showcase - A jQ…

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