jQuery レスポンシブ対応のjQueryプラグイン「Glide.js」スライドショー
スマートフォンやタブレット端末のスワイプにも対応し、かつレスポンシブなスライドショーが実現できるjQueryプラグイン「Glide.js」をご紹介します。横幅100%のイメージスライドショーを手軽に実装できるので使いやすいです。 Glide...
jQuery
jQuery 
jQuery jquery.easie.jsを利用しスクロールの余韻を残す
現状最新版のFireFoxで見られるような、画面のスクロール動作でちょっとした余韻を残すアクションを加えてみたい時には、jquery.easie.jsを使って実現が出来ます。 デモサンプル // // 1.jQuery本体とjquery.e...
jQuery リストをひとつずつ遅延表示させるjQuery
同じような要素を並べて表示する箇所などで少しばかりリッチ感を出したいな～ってときに、各要素を遅延表示させたりすることで単純な一覧表示よりも動きがあっていいかもしれません。 jQueryを使ってリストを簡単に時間差で表示させてみたいと思います...
jQuery 横スクロールパララックスを表現するjQueryプラグイン「jInvertScroll.js」
スクロールすると、横方向に画像が移動しパララックスを表現をしてくれるjQueyプラグインの「jInvertScroll.js」をご紹介します。 デモサンプル // // 1.jInvertScroll一式をダウンロード jInvertScr...
jQuery レスポンシブに対応した簡単メニュー
PC・タブレット・スマホ、それぞれに対応したレスポンシブなメニューを「jQuery」と「CSS」で簡単に作成できます。シンプルなものですが、その作り方をメモしておきます。 サンプルを用意しましたのでまずは確認してみてください。 (adsby...
jQuery クロスフェードするシンプルなイメージビューアー
サイトトップページでよく見られる、フェードで切り替わるメイン画像を簡単に表示してくれるjQueryの「fade-viewer」、 極々シンプルにフェードを繰り返してくれるだけですが、汎用性が高いので使いやすいです。 デモサンプル // //...
jQuery レスポンシブに対応して画像をポップアップ表示してくれる「fancybox」
LightBox風に画像をポップアップして表示するjQueryのプラグインでColorBoxに似たようなビジュアルになっています。レスポンシブに対応していてカスタマイズも出来るので色々と便利に利用できそうですね。 // // デモサンプル...
jQuery フルスクリーンのスライドショー背景にしたい
背景の画像をフルスクリーンで表示し、尚且つスライドショー的に魅せたいときjQueryを使って簡単に設定する方法の紹介です。 プラグインは使用せず、簡単なコードを記述するだけで実装できますので軽量で動作します。 // // デモサンプル 1....
jQuery シンプルで美しいスライドギャラリーjQueryプラグイン「fotorama.js」
jQueryを使ったスライドギャラリーは、数多く存在していますがオプションが充実したシンプルなスライドを利用したい時などに使える「FOTORAMA」を使ってみました。 // // 1.FOTORAMAよりデータ一式をダウンロード FOTOR...
jQuery コンテンツや画像などを順番にフェードインするjQuery
写真のギャラリーページや、いくつかの記事を一覧で表示するページなどで、各コンテンツ要素をページロード時にひとつずつフェードインして表示する方法をjQueryで実装します。 // // デモサンプル 1.HTMLを記述する フェードインする要...
jQuery コンテンツや画像やテキストなどをランダムにフェードインするjQuery「champagne.jp」
サムネイル一覧や、コンテンツ一覧など同じような要素を並べて表示するページで、ページロード時に各要素を順番に表示する見せ方がありますが、今回はそれらの要素をランダムに、フェードインするアニメーションができるプラグイン「champagne.js...
jQuery ページ遷移時にフェードイン・フェードアウト効果を出す「jquery.fadeMover」
サイト内でページの移動をする際に、フェードインやフェードアウトしてからページが切り替わるちょっぴりフェミニンな感じのアクションを演出してくれるjQueryプラグイン「jQuery.fademover.js」のご紹介。 // // ※下記のサ...
jQuery 文字サイズを[小][中][大]と切り替えられる「jQuery Text Resizer」
最近では、企業や各種サービス、公的機関のサイトなどで「文字サイズ」をユーザーの好みで切り替えることができる機能が付いているのを見かけます。 今回は、文字サイズを変更するためのボタンを配置し、クリックで切り替えを実装できるjQueryプラグイ...