slick - もうこれで十分！なカルーセルライブラリ MOONGIFT
画像をスライドで切り替えていくカルーセル機能は数多くのWebサイトで実装されています。サイトの機能を紹介するのに使ったり、ギャラリーとして画像を切り替えるのにも使えます。アイディア次第で使いところが多い機能です。 便利さゆえに多数のライブラリが出てきていますが、もうこれで十分ではないかと思わせるのがslickです。多彩な機能を揃え、オプションも豊富なカルーセルライブラリです。 slickの使い方 まずはサンプルと一緒に。これが一番ベーシックな使い方です。 $("target").slick() で実現されます。 レスポンシブにも対応しています。 フリック操作で切り替えも可能です。 複数のスライドを同時に見せることもできます。 画像読み込みを遅延させることもできます。 左右からの表示だけでなくフェードインなどのアニメーションもできます。 スライドを追加したり削除するのも自由です。 スライドを
どんなリストも横スクロールさせられるjQueryプラグイン「any list scroller」:phpspot開発日誌
どんなリストも横スクロールさせられるjQueryプラグイン「any list scroller」 2012年11月21日- any list scroller - jQuery scrolling plugin by musings.it to scroll any list with any content - musings.it web design and development どんなリストも横スクロールさせられるjQueryプラグイン「any list scroller」。 <ul><li>なリストを初期化すれば次のようなスクロールするUIに変化するみたい。 表示アイテム数の他、アイテムの間隔など細かい所もオプションやCSSで制御できるようです 動作原理は以下のようになっているらしい。 このてのスクロール系ライブラリは豊富にありますが、１つの選択肢として覚えておいてもよさそう。
[JS]画像やコンテンツを水平・垂直に気持ちよくスクロールさせて表示することにこだわったスクリプト -Sly
水平・垂直に配置した画像やコンテンツを気持ちよくスクロールさせることと次に表示するアイテムのロジックにこだわったjQueryのプラグインを紹介します。 IE6にも対応してるのがびっくりです！ 特徴は気持ちのいいスクロールだけでなく、ナビゲーションのロジックも直観的で、次に表示するべきアイテムを自動的に先頭に配置します。クリックでアクティブにしたアイテムも常に保持します。 操作は上部のバー、FRAME上でホイール、パネルのクリック、下部のナビゲーションがあり、また下部のボタンでは前・次、最初・最後・中央などの操作もできます。 ナビゲーションでの操作は次に表示するアイテムを先頭に配置します。 デモでは、水平方向のスクロールだけでなく、垂直方向、無限スクロールもあります。
ホイールも効いて超いい感じのカルーセル実装jQueryチュートリアル:phpspot開発日誌
Circular Content Carousel with jQuery | Codrops ホイールも効いて超いい感じのカルーセル実装jQueryチュートリアル。 そもそものデザインもいいのですが、次のようなコンテンツを左右にスライドできる（ホイールでもOK)UIを作ることが可能です。 「more」をクリックすればそのまま詳細がアニメーションで広がります サンプルプログラムのダウンロードが可能なので、ダウンロードしてカスタマイズして使うだけでも有用です。 関連エントリ IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル ページメニューにツールチップを表示して分かりやすくするjQueryチュートリアル ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
