「テンプレート:Infobox画像スライダー」を編集中

<includeonly><div class="ts-infobox-slider"><div class="ts-infobox-slider__track" tabindex="0">{{#if:{{{画像1|}}}|<div class="ts-infobox-slider__slide"><div class="ts-infobox-slider__imagebox"><img src="{{{画像1}}}" alt="{{{alt1|}}}" loading="lazy" decoding="async"></div>{{#if:{{{説明1|{{{出典1|}}}}}}|<div class="ts-infobox-slider__caption">{{{説明1|}}}{{#if:{{{出典1|}}}|<br><span class="ts-infobox-slider__source">出典:{{{出典1}}}</span>}}</div>}}</div>}}{{#if:{{{画像2|}}}|<div class="ts-infobox-slider__slide"><div class="ts-infobox-slider__imagebox"><img src="{{{画像2}}}" alt="{{{alt2|}}}" loading="lazy" decoding="async"></div>{{#if:{{{説明2|{{{出典2|}}}}}}|<div class="ts-infobox-slider__caption">{{{説明2|}}}{{#if:{{{出典2|}}}|<br><span class="ts-infobox-slider__source">出典:{{{出典2}}}</span>}}</div>}}</div>}}{{#if:{{{画像3|}}}|<div class="ts-infobox-slider__slide"><div class="ts-infobox-slider__imagebox"><img src="{{{画像3}}}" alt="{{{alt3|}}}" loading="lazy" decoding="async"></div>{{#if:{{{説明3|{{{出典3|}}}}}}|<div class="ts-infobox-slider__caption">{{{説明3|}}}{{#if:{{{出典3|}}}|<br><span class="ts-infobox-slider__source">出典:{{{出典3}}}</span>}}</div>}}</div>}}{{#if:{{{画像4|}}}|<div class="ts-infobox-slider__slide"><div class="ts-infobox-slider__imagebox"><img src="{{{画像4}}}" alt="{{{alt4|}}}" loading="lazy" decoding="async"></div>{{#if:{{{説明4|{{{出典4|}}}}}}|<div class="ts-infobox-slider__caption">{{{説明4|}}}{{#if:{{{出典4|}}}|<br><span class="ts-infobox-slider__source">出典:{{{出典4}}}</span>}}</div>}}</div>}}{{#if:{{{画像5|}}}|<div class="ts-infobox-slider__slide"><div class="ts-infobox-slider__imagebox"><img src="{{{画像5}}}" alt="{{{alt5|}}}" loading="lazy" decoding="async"></div>{{#if:{{{説明5|{{{出典5|}}}}}}|<div class="ts-infobox-slider__caption">{{{説明5|}}}{{#if:{{{出典5|}}}|<br><span class="ts-infobox-slider__source">出典:{{{出典5}}}</span>}}</div>}}</div>}}{{#if:{{{画像6|}}}|<div class="ts-infobox-slider__slide"><div class="ts-infobox-slider__imagebox"><img src="{{{画像6}}}" alt="{{{alt6|}}}" loading="lazy" decoding="async"></div>{{#if:{{{説明6|{{{出典6|}}}}}}|<div class="ts-infobox-slider__caption">{{{説明6|}}}{{#if:{{{出典6|}}}|<br><span class="ts-infobox-slider__source">出典:{{{出典6}}}</span>}}</div>}}</div>}}{{#if:{{{画像7|}}}|<div class="ts-infobox-slider__slide"><div class="ts-infobox-slider__imagebox"><img src="{{{画像7}}}" alt="{{{alt7|}}}" loading="lazy" decoding="async"></div>{{#if:{{{説明7|{{{出典7|}}}}}}|<div class="ts-infobox-slider__caption">{{{説明7|}}}{{#if:{{{出典7|}}}|<br><span class="ts-infobox-slider__source">出典:{{{出典7}}}</span>}}</div>}}</div>}}{{#if:{{{画像8|}}}|<div class="ts-infobox-slider__slide"><div class="ts-infobox-slider__imagebox"><img src="{{{画像8}}}" alt="{{{alt8|}}}" loading="lazy" decoding="async"></div>{{#if:{{{説明8|{{{出典8|}}}}}}|<div class="ts-infobox-slider__caption">{{{説明8|}}}{{#if:{{{出典8|}}}|<br><span class="ts-infobox-slider__source">出典:{{{出典8}}}</span>}}</div>}}</div>}}</div></div></includeonly><noinclude>
'''Infobox画像スライダー'''は、既存のInfoboxテンプレートを変更せず、画像引数の中に複数の外部画像を横スライド形式で表示するためのテンプレートです。

== 使用例 ==
<pre>
{{登場人物
|画像1 = {{Infobox画像スライダー
 |画像1=https://example.com/image1.jpg
 |alt1=レイン
 |説明1=[[みっつばー]]によるレイン。
 |出典1=[https://example.com/ 公式サイト]。2026年9月2日閲覧。

 |画像2=https://example.com/image2.jpg
 |alt2=レイン
 |説明2=別媒体におけるレイン。
 |出典2=[https://example.com/ 公式サイト]。2026年9月2日閲覧。
 }}
|画像説明1 =
}}
</pre>

画像には画像そのものの生URLを入力します。

<code>説明</code>と<code>出典</code>は各画像ごとに設定できます。

本テンプレート内で説明・出典を表示する場合、Infobox本体の<code>画像説明1</code>は空欄にすることを推奨します。

最大8枚まで指定できます。

[[カテゴリ:画像関連テンプレート]]
</noinclude>