レスポンシブwebデザインのホームページなら アットウェブ

jQueryプラグイン Part.3

 >   > jQueryプラグイン Part.3

jQueryプラグイン Part.3

jQueryプラグインのSlider Proを利用した機能の設置代行をいたします。

スマホのフリックにも対応し、レイアウトが選べる人気の万能スライダーです。

5,000 円/1箇所設置につき(税別)

配布元:Slider Pro

bqworks  MIT license (http://www.opensource.org/licenses/mit-license.php).

特徴は以下の通り

  • レスポンシブWebデザイン対応
  • スワイプ操作、タッチ操作に対応
  • ブレイクポイントの設定(画像自体を変更、サムネイルのサイズを変更等)
  • 高さ自動対応
  • サムネイルの各種設定(縦横サイズ、位置、スワイプ設定など)
  • フルスクリーンモードにできる
  • いろいろなレイアウトに変更できる

キャプション付きコンテンツスライダー

Slider Proイメージ1 キャプションのスタイルなどもいろいろ選ぶ事ができるメインコンテンツ用のスライダーです。

画像やコンテンツの数が多くても違和感がなく、比較的ユーザーフレンドリーなタイプです。

サンプルでは自動スライドの設定をオフにしてあります。

サンプル

サムネイル付き縦型コンテンツスライダー

Slider Proイメージ2 基本的には上のスライダーと同じですが、画面サイズによってレイアウトも変化します。

サンプルでは自動スライドの設定をオンにしてあります。

サンプル

サムネイル付き全画面切り替え型コンテンツスライダー

Slider Proイメージ3 通常スライダーと、全画面型スライダーとクリックで切り替えができます。

(画像の右上の矢印をクリックしてみてください。)

サンプルでは自動スライドの設定をオフにしてあります。

サンプル