ループスライダー-Volar2

ループスライダー-Volar2

SIRIUS2テンプレート【Volar2】では常時ループする画像スライダー機能をご用意してます。
 

アイキャッチ画像

当サイトで使用しているキャプチャ画像は(【Volar2】の開発ベースになってる「ベーステンプレート」のレイアウトが元になってます。

 

【Volar2】では常にループし続ける《ループスライダー》機能を搭載してます。

 

キャプチャ画像

1カラム(ワイド)での利用を想定してデザインしてます。

目次

概要

【Volar2】の《ループスタイダー》の主な特長としては、

  • 画像は8枚まで登録可&常にループし続ける。
  • スクリプト不要でスタイルシートのみの軽量タイプ。
  • 設定はすべてモジュール上で完了。
  • 画像幅はPC表示時のみ変更可能。(モジュール上で変更可)
  • 画像下に説明文を記述可。
  • ループスピードは”一応”固定。(スタイルシート上で変更は可)

《ループスタイダー》は画像を”見せ続ける”意味合いで作ってます。

そのためリンク機能は付けてませんが、テキスト編集画面でSIRIUS2の標準機能の”リンク”で付与することはできます。

使い方

《ループスタイダー》は下のような専用モジュールを用意してます。

各モジュールをダブルクリックすると入力画面になるので画像とテキストを登録するだけで完了します。

 

キャプチャ画像

 

画像は記事装飾メニューの「画像」から1発入力、説明文用のテキストはすぐ後ろに記述するだけでOK。

あとは表示したい場所にループスライダー本体モジュールでもある『【Volar2】ループスライダー(本体)』を挿入するだけです。

[% module(【Volar2】ループスライダー(本体)) %]