船小屋温泉郷

PluginSlide のバックアップ(No.1)

 ▼アクセス ▼サイトマップ ▼ABOUT 


SLIDE

このページには、slider プラグイン用の画像が添付されています。

はじめに

sliderには、複数の画像を利用できますが、
ひとつの slider で利用する画像のサイズはすべて統一するよう
事前にサイズを調整してからアップロードしてください。





Slider プラグイン解説

カルーセルスライダー

概要

jQueryカルーセルスライダー Slick を用いたプラグインです。
http://kenwheeler.github.io/slick/

sample01.jpgsample02.jpgsample03.jpgsample04.jpgsample05.jpg


書式

#slider( 位置, 幅, 画像01, 画像02, 画像03,・・・)
  • 第1引数は、left / center / right のいずれか。center以外は回りこみます。
  • 第2引数は、親領域に対する幅の%。
  • 第3引数以降に画像ファイルを列挙します。
    画像ファイル自体は、当該ページに添付されていることが前提ですが、
    特定のページにまとめて添付して利用することも可能です。
    例えば、slide という名前のページにある sample01.jpg 画像は、
    slide/sample01.jpg 
    という書き方で利用可能です。
  • パラメータが増えると面倒なので、以下の仕様に限定しています。
    • 自動再生、3秒切り替え
    • 切り替え時間:0.5秒
    • 移動:左右方向
    • マウスオンで一時停止します