スライダーブロック

Swiper を使ったスライダーをつくることができるブロックです。

サンプル

とてもみんなは乗り切らないのです

ジョバンニは、いつか町はずれのポプラの木が幾本も幾本も四方へ出るのでした。そしてそのこどもの肩のあたりが、どうも済みませんでしたから

この次の理科の時間にお話します

するとどこかで見たわ姉は細い銀いろの空から、さっきの入口から暗い牛舎の前へまた来ました。そういうふうに、眼の前を通るのですから

何気なくしかるように叫びました

大きなのがいるんだから小さいのもいるんでしょうか女の子がそっとカムパネルラにたずねました。あら、蠍の火だなカムパネルラがまた

大きなのがいるんだから小さいのも

細い銀いろの空から、さっきの入口から暗い牛舎の前へまた来ました。

大きなのがいるんだから小さいのも

いるんでしょうか女の子がそっとカムパネルラにたずねました。あら、蠍の火だなカムパネルラがまた何気なくしかるように叫びました。

するとどこかで見たわ姉は

細い銀いろの空から、さっきの入口から暗い牛舎の前へまた来ました。

ジョバンニは、いつか町はずれのポプラの木が

幾本も幾本も四方へ出るのでした。そしてそのこどもの肩のあたりが、どうも済みませんでしたから、とてもみんなは乗り切らないのです。

設定

エフェクト

スライドの切替時のエフェクトを「スライド」と「フェード」から選択できます。

各項目の幅

スライドの幅を設定できます。

「エフェクト」が「スライド」のときだけ設定できます。

ループ

無効の場合、最後のスライドで「次へボタン」をクリックした場合は最初のスライドまで移動します。有効な場合は最初のスライドに戻らずに進行方向に無限にスライドします。

「エフェクト」が「スライド」のときだけ設定できます。

スライドの枚数によってはスムーズに動作しない場合があります。その場合はスライドの枚数を増やしてみてください。

アクティブなスライドを中央に配置

無効の場合、アクティブなスライドはキャンバスの左端に表示されます。有効な場合はキャンバスの中央に表示されます。

「エフェクト」が「スライド」のときだけ設定できます。

キャンバスからはみ出した部分を隠す

キャンバスからはみ出した部分を overflow: hidden で隠します。

「エフェクト」が「スライド」のときだけ設定できます。

スピード(秒)

エフェクトのスピードを設定できます。

自動再生を使用する

指定の秒数で自動再生できます。

前へ/次へボタンを使用する

前へ/次へボタンを表示できます。

「自動再生」が有効、かつ「遅延(秒)」が 0 のときは表示されません。

ページネーションを使用する

ページネーションを表示できます。

「自動再生」が有効、かつ「遅延(秒)」が 0 のときは表示されません。

間隔

子ブロック間の間隔(gap)を設定できます。

目次

マニュアル