Slider Pro

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

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

2016-09-29_1740

サンプルはこちらをごらんください。

「Slider Pro」サンプル

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

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

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

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

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

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

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