レスポンシブ＆タッチ対応！スライダーjQueryプラグイン「SlidesJS」 ｜ スターフィールド株式会社
レスポンシブサイトが増えてきて、レスポンシブとタッチの両方に対応していて、安定して動作するようなスライダーの必要性も高くなっています。 またそれに加えて、お客様からの難題に答えられるような柔軟性のあるスライダーとなると、なかなかjQueryプラグインで見つけるのは大変です。 今回そんな中探していて、シンプルですがとても使いやすいスライダーの、「SlidesJS」というjQueryプラグインを見つけましたので、ご紹介いたします。 ↓「SlidesJS」のサイト SlidesJS, a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 コチラの特長としては、 エフェクトは普通のスライドとフェイドのみと少ないものの、 レスポンシブに強いということが挙げられると思います。 画面の幅に
レスポンシブ対応でjQuery不要の高機能スライダー「Swiper」 | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、デザイナーの奥田です。 最近フロントエンドでは「脱jQuery」なんて言われていますね。 まだまだjQueryバリバリ書いてますって方もちょっとずつ「脱jQuery」していくとこの先もスキルが活かせると思います。 さて、今回は「もう最近の案件はこれしか使っていないんじゃないか？」というぐらい高機能で便利なスライダーをご紹介いたします。 Table of contentsSwiperの使い方カルーセル表示にするレスポンシブに対応するPC時はグリッド表示、スマホ時にスライドにするサムネイル付きカルーセル表示その他オプションまとめSwiperの使い方まずは普通に使ってみましょう。下記よりファイルをダウンロードするかCDNでの使用でも実装できます。 SwiperCDN CSSとJSを読み込みます。 <html> <head> <link rel="stylesheet" href="h
【jQuery】レスポンシブ対応！背景画像の切り替えが出来るjQueryプラグイン「jquery-bgswitcher」を使ってみました！ | panmimi design
【jQuery】レスポンシブ対応！背景画像の切り替えが出来るjQueryプラグイン「jquery-bgswitcher」を使ってみました！ WEBの勉強を始めて、わりと早い段階でJavascriptの勉強にも挑戦したのですが、難しいですねぇ…。 修得すれば表現出来る幅もすごく広がりそうなんですが、なかなかそこまでたどり着けません。 私のようにJavascriptがわからない、そもそもなんなのそれ？というWEB初心者でも簡単にリッチな動作を表現出来る魔法のプログラム…それがjQueryプラグインです！ 配布されているファイルをダウンロードして、マニュアルのサイトに指示されている呪文を記述すれば簡単に魔法をかけられます。 「あのサイトのあの動き、どうなってるの？」「このスライダーすごくかっこいい！まねしたい！」…そんな気になるサイトを見つけたら、ソースを見てみましょう。jQueryプラグイン
指定した背景画像をx秒毎に切り替えるjQueryプラグイン - Rewish
img要素ではなく背景画像（background-image）を切り替えるjQueryプラグインです。 2013年7月29日にバージョン0.4.0をリリースしました。一から書きなおして、切り替え方法など色々改善しているので、良ければ使ってみてください。 ダウンロード jquery.bgswitcher.js 開発リポジトリはrewish/jquery-bgswitcher · GitHub 依存ライブラリ jQuery 1.7.x以上が必要です。 ライセンス MIT License 主な機能 エフェクト付きの背景切り替え 切り替えの制御（開始/停止/リセット） ファイル名の連番自動読み込み 画像のプリロード デモ Demo - jQuery.BgSwitcher 使用方法 <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルにも対応！完璧なLIGHTBOX「PHOTOSWIPE」をJQUERYプラグイン化しました。
Easy & Responsive jQuery Carousel Slider Plugin - FilmRoll
