dev

CustomSliderは、カスタマイズされたスライダーを作ることができるスクリプトで、ウィキテキストのスライド数、スクロール速度、ボタンの配置（左/右/上/下）などを設定することができます。スタイルはCSSで完全にカスタマイズできます。スライドにマウスカーソルを合わせると、スクロールが停止します。自動スクロールに加えて、手動でスライドをクリックすることもできます。

Installation

メモ: MediaWiki:CustomSlider.cssのCSSコードをあなたのwikiのMediaWiki:Common.cssに追加します。

使用例

右に選択ボタンメニュー
CustomSlider
<div id="SliderView">
<div id="SliderData" class="4|3000|auto" style="display:none"></div>
<ul id="SliderWrapper">
<li class="Sld SlideIMG">[[File:Slide1.png]]</li>
<li class="Sld SlideIMG">[[File:Slide2.png]]</li>
<li class="Sld SlideIMG">[[File:Slide3.png]]</li>
<li class="Sld SlideIMG">[[File:Slide4.png]]</li>
</ul>
<ul id="NavBtns" class="nmRight">
<li class="NavBtn nbActiveRight">Slide 1</li>
<li class="NavBtn">Slide 2</li>
<li class="NavBtn">Slide 3</li>
<li class="NavBtn">Slide 4</li>
</ul>
</div>
センター選択ボタンメニュー
CustomSlider
<div id="SliderView">
<div id="SliderData" class="4|2000|auto" style="display:none"></div>
<ul id="SliderWrapper">
<li class="Sld SlideIMG">[[File:Slide1.png]]</li>
<li class="Sld SlideIMG">[[File:Slide2.png]]</li>
<li class="Sld SlideIMG">[[File:Slide3.png]]</li>
<li class="Sld SlideIMG">[[File:Slide4.png]]</li>
</ul>
<ul id="NavBtns" class="nmBottom nmP2"><li class="NavBtn nbActiveBottom">•</li><li class="NavBtn">•</li><li class="NavBtn">•</li><li class="NavBtn">•</li></ul>
</div>
下部画像ボタン付きメニュー
CustomSlider2


<div id="SliderView">
<div id="SliderData" class="4|2000|auto|down" style="display:none"></div>
<ul id="SliderWrapper">
<li class="Sld SlideIMG">[[File:Slide1.png]]</li>
<li class="Sld SlideIMG">[[File:Slide2.png]]</li>
<li class="Sld SlideIMG">[[File:Slide3.png]]</li>
<li class="Sld SlideIMG">[[File:Slide4.png]]</li>
</ul>
<ul id="NavBtns" class="nmBottom nmP2">
<li class="NavBtn nbActiveBottom">[[File:Slide1.png|70px|link=]]</li>
<li class="NavBtn">[[File:Slide2.png|70px|link=]]</li>
<li class="NavBtn">[[File:Slide3.png|70px|link=]]</li>
<li class="NavBtn">[[File:Slide4.png|70px|link=]]</li>
</ul>
</div>

オプション