シンプルで汎用性が高くてめちゃ軽いJQueryプラグイン『Glide.js』を使ってスライダーを作ろう - あのねノート。
2013-09-09 シンプルで汎用性が高くてめちゃ軽いJQueryプラグイン『Glide.js』を使ってスライダーを作ろう やり方 Glide.jsは、画像や動画だけじゃなく、どんな要素でも組み込めるスライダーを作れる軽量JQueryプラグインです。 Glide.js | Simple, Lightweight & Fast jQuery Slider Glide.jsは以下の仕様となっています。 シンプルかつ軽量 レスポンシブ対応 タッチ対応 スワイプ対応 キーボード対応 OOCSS Demoを見るとわかりますが、めちゃめちゃ軽いです。 ではドキュメントにしたがって、コードを書いてみましょう。 チュートリアル ドキュメントにしたがってコードを書いていきます。 まずはJQueryとGlide.jsを読み込みます。 <script src="http://code.jquery.com/
Fullscreen Slit Slider with CSS3 and jQuery
A bene placito You have just dined, and however scrupulously the slaughterhouse is concealed in the graceful distance of miles, there is complicity. Ralph Waldo Emerson Regula aurea Until he extends the circle of his compassion to all living things, man will not himself find peace. Albert Schweitzer Dum spiro, spero Thousands of people who say they 'love' animals sit down once or twice a day to en
[JS]シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のスクリプト -Unslider
シンプルなHTMLでレスポンシブ対応のスライダーを実装する超軽量のjQueryのプラグインを紹介します。 デスクトップのキーボード操作やスマフォ・タブレットのスワイプ操作にも対応！ Unslider Unslider -GitHub Unsliderの特徴 Unsliderのデモ Unsliderの使い方 Unsliderの特徴 超軽量のオープンソース スクリプトは3KBと超軽量のオープンソースです。 実装は簡単でクリーン HTMLは非常にシンプルで、カスタマイズも容易です。 高さの調整 サイズに合わせて、スライダーの高さを自動調整します。 レスポンシブ対応 デスクトップ・タブレット・スマフォなど、さまざまなデバイスに対応。 キーボード操作の対応 キーボード（矢印キー）での操作をサポートします。 スワイプ操作の対応 jQuery.event.swipeをサポートしているので、スワイプ操作に
JQuery Cycle Plugin
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
jQuery Slider² - Make your site slide - wex.im
What is it? It's now back. A small and lightweight jQuery-plugin to create simple inline slideshow. TODO/Changes 1.2.0 ? What to do? 1.1.0 (22.8.2011) Random starting slide now possible. It's also possible to choose slide by clicking progress balls now. 1.0.0 (21.6.2011) Rewrote the plugin. Much nicer now ;) 0.0.5 (?) On hover shown controls Link-support to slides 0.0.4 (15.3.2011) Fixed problem
jQueryで簡単スライダー | WEBZARU
文字や画像のコンテンツをスライドさせて効率良く見せたいということがよくあります。 このような動きのある表現を実装する場合には、一般的にJavaScriptを使って実装しますが、jQueryのライブラリを使ってシンプルに作成するというのが流行りです。 スライダーのライブラリは検索すればたくさんありますが、jQuery Slider²を使って簡単にスライダーを実装する方法をご紹介。 jQuery Slider²とは 簡単に文字や画像のコンテンツをスライドさせる軽量のJavaScriptで、jQueryと併用して使用するライブラリです。 jQuery Slider²の使い方 jquery.slider.cssとjQuery本体とjquery.slider.min.jsを読み込む必要があります。 <!DOCTYPE html> <html lang="ja"> <head> <meta chars
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
