menu

想像とシンプル/体温を感じるWEBサービス
WEB DISIGNERS Blog

2016/03/03
  • JQuery

高機能jQueryスライダー「Slider Pro」の使い方

jQueryスライダーは数多くありますが、その中でも「Slider Pro」は様々なオプションがあり、2016年3月現在では最強に便利なんじゃないかと思いますので、一度試してみることをオススメします。
sliderpro

使用方法

ダウンロード

slider-pro (github)

準備するファイル

・jquery.js


・jquery.sliderPro.min.js


・slider-pro.min.css

外部ファイルの読み込み

JavaScript

HTML

今回は最もシンプルな設定ですが、「Slider Pro」には様々なオプション設定を指定することができますので詳しくはDEMOを確認してください。

Option

DEMO
公式サイト
Slider Pro
オプションをうまく使用すれば色々な表示を選ぶことができるので、自分の好みに合うスライダーの表示に近づけると思います。スライダーを選ぶなら一押しのjsです。

コメントを残す

メールアドレスが公開されることはありません。




POPULAR POSTS

高機能jQueryスライダー「Slider Pro」の使い方

2016/03/03

HTML要素に背景としてYouTube動画を表示するレスポンシブ対応

2016/02/11

「HTML5」と「CSS」のみで背景動画をフルスクリーンで再生する

2016/04/09

HTML/CSSのみで動きを加えてくれるアニメーション ホバーエフェクト9選まとめ

2016/03/24

NEW ENTRY

HTMLとCSSだけ簡単シンプルなスライダーを実装

2016/08/23

マウスホバーでテキストの色を左からアニメーションで変更するCSSテクニック

2016/07/26

テキストをCSSだけで映画のタイトルのように、ぼかしたブラーの状態から徐々に表示させるテクニック

2016/07/12

画像を使わずにCSSのみでボーダーにグラデーションをかける方法

2016/07/11