CustomSlider, ana sayfa için benzersiz bir kaydırıcı oluşturmanıza izin veren bir betiktir, ayrıca viikmetinde slayt sayısı, kaydırma hızı, düğmelerin hizalanması (sol/sağ/üst/alt), vb. Stiller, CSS'de tamamen özelleştirilebilir. Slayt üzerine gelindiğinde, kaydırma durur. Otomatik kaydırmaya ek olarak, slaytlara elle tıklayabilirsiniz.
Installation
Not: MediaWiki:CustomSlider.css dosyasından vikinizin MediaWiki:Common.css dosyasına CSS kodunu da eklemeniz gerekir veya:
Örnekler
Sağ düğmeli menü
<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">Kaydırma 1</li>
<li class="NavBtn">Kaydırma 2</li>
<li class="NavBtn">Kaydırma 3</li>
<li class="NavBtn">Kaydırma 4</li>
</ul>
</div>
Alt orta düğme-noktalı menü
<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>
Alttaki resim düğmelerine sahip menü
<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>
Vikimetin seçenekleri
- SliderData - isteğe bağlı parametre: class="<düğme sayısı>|<slide interval>|yükseklik (auto)|<animation up down> (down)"
- Sld - (normal kaydırıcı)
- Sld SlideIMG - ekran genişliğine göre ölçeklendirerek kaydırın (bu seçeneğin tüm slaytlar için kullanılması önerilir)
- NavBtn - menü düğmesi için
- nmLeft, nmRight, nmTop, nmBottom - menü düğmeleri konumu (hizalama: [yok] - varsayılan, nmP2 - orta, nmP3 - karşı taraf)
- nbActiveLeft, nbActiveRight, nbActiveTop, nbActiveBottom - aktif düğme stili
- Menü düğmeleri arasında yatay yerleşimi önlemek için liste ögelerinin [li] tek bir satır yazması gerekir.