Slider Pro

「Slider Pro」は多機能のスライダーを作ることができるjQueryプラグインです。このjQueryプラグインを使って、左右の画像をみせることができるカルーセル型のスライダーを作ってみます。

このような感じになります。


2016-09-29_1740
サンプルはこちらをごらんください。

「Slider Pro」サンプル


設置方法は続きをご覧ください。



【使用方法】
まずはこちらのSlider Proのサイトからファイル一式ダウンロードします。デモを含むZIPファイルを利用するとわかりやすいと思います。

<head>部分にcssとJavaScriptを指定します。



<body>部分にスライドさせる画像を設定します。



簡単ですね。このプラグインは他にも多様なスライダーが作れます。公式サイトを参考にしてみてくださいね。いろいろなデモがあります。

最後にサンプルのソースを書いておきます。どうぞご参考まで。

この記事と関連してると思われる記事: