jQueryプラグインをリリースしました。Sliderは、ブラウザ幅いっぱいにスライダーを配置しサムネイル画像も同時にスライドするjQueryプラグインです。レスポンシブWEBデザインに対応していてブラウザ幅に合わせてスライダーサイズが変わり、スマホ等のブラウザ幅が狭い場合はサムネイル画像が非表示になる仕様です。jQueryプラグインは、MITライセンスです。Easingプラグインを使用します。CSSとスクリプトを読み込みます。src="./js/jquery.SynchroSlider.js"></script>スライダーで使用する画像を配置します。サムネイル画像は、data-thumbのパラメーターでファイル名を指定します。Sliderを実行します。$('.synchro_slider').SynchroSlider();});</script>オプションを指定して実行する場合は、以下のように記述します。基準となる表示幅を指定します。基準となる表示高さを指定します。表示幅の最小幅を指定します。この幅で指定した以下のサイズではサムネイル画像は非表示になります。minWidthで指定した幅で表示した時の高さを指定します。サムネイル画像1つの幅を指定します。表示するサムネイル画像の数を奇数で指定します。サムネイル画像のあるフォルダまでのパスを指定します。サムネイル画像がマウスオーバーした時の透過率を指定します。スライドのスピードを指定します。スライドの間隔を指定します。Easingのエフェクトの種類を指定します。自動再生をする場合は1、自動再生をしない場合は0を指定します。フリック機能を使用する場合は1、フリック機能を使用しない場合は0を指定します。design-matome.com。