レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+ | co-jin
サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示できるスライダー。 今回は無料で利用できるバリエーション豊富なスライダー用jQueryプラグインをご紹介します。 画像のスライダーから、レスポンシブ対応、フルスクリーン対応のほか、目を引くアニメーションによる画像の切り替えやコンテンツそのもののスライダーなど、多くのプラグインを集めてみました。 今後のコンテンツ制作にお役立ていただければ幸いです。 Swiper レスポンシブ対応で、スマホなどのタッチデバイスでのフリッカブル（スワイプ）にも対応したコンテンツスライダー。 オートプレイのほか、縦スライドや3Dエフェクト、ネスト構造（コンテンツにさらにスライダーを設置できる）対応と、幅広い表現が可能な、使い勝手のよいスライダーです。 設置も簡単、スワイプの反応もよい。 本当にオススメのスライダーです
Lightboxプラグイン「Boxer」
「Boxer」はLightboxやモーダルウィンドウを実装できるjQueryプラグインです。画像だけでなく動画にも対応しています。 モバイル環境にも最適化されていて、#レスポンシブ 対応で、#スワイプ も設定で可能となっており、タッチフレンドリーなプラグインになっています。 サイト ダウンロード スクリプト <link href="jquery.fs.boxer.css" type="text/css" rel="stylesheet"> <script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.fs.boxer.js" type="text/javascript"></script> 実装 それぞれのリンクに対してclass("boxer")を指定します。 ギャラリーとして表示したい場
Lightbox
DemoDemos are largely unstyled to give developers a better idea of how the plugin can drop into a new or existing project. <a href="large_1.jpg" class="lightbox" data-lightbox-gallery="gallery_name" title="Image caption text."> <img src="thumbnail_1.jpg" alt=""> </a> <a href="large_2.jpg" class="lightbox" data-lightbox-gallery="gallery_name" title="Image caption text."> <img src="thumbnail_2.jpg"
jQueryでフリック／スワイプ動作の画像スライドギャラリーを作成する実験｜BLACKFLAG
iPhoneやiPad、Androidといったスマートフォンやタブレット端末では フリック／スワイプと呼ばれる指でスライドさせるUIが付き物になっています。 jQueryでもこのフリック／スワイプ動作を実装できるプラグインはたくさんありますが いざ自分で作ろうとすると意外と大変な動作だったりします。 この動作についていろいろ調べていたところ Sleipnirのフェンリルさんのデベロッパーズブログにて、 iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ) と題した、jQueryでiPhoneやAndroid、PCでタッチイベントを取得する方法がとても参考になったので この記事を参考にしてフリック／スワイプで操作するシンプルな画像ギャラリーを作ってみました。 まずは動作サンプルから。 下記の画像をフリック／スワイプしてみてくだ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.matsuaz.com/matsumotojs/2011/09/08/1315486206272.html
Gallery redirect
