Gibonek podal bardzo fajny slider:
http://www.menucool.com/javascript-image-slider
Download:
http://www.menucool.com/download/jsImgSlider.zip
Ma kilka wzorów (8 różnych wzorów) oraz jest chyba sliderem najlatwiejszym do zainstalowania.
1. Wgraj sobie pliki pobrane do glownego katalogu forum.
2. Mozesz otworzyc i wybrac sobie slider z posrod innych, gdy wlozyles pliki do FTP mozesz 'podejrzec' gdy wpiszesz adres:
http://twojastrona.pll/jsImgSlider/demo1.html
3. Gdy wybierzesz sobie styl to mozesz przejsc do dodawania na swoja strone.
(W miejsce napisu
link musisz dodac adres do danego zdjecia czy jak pozniej do skryptu js i stylu css)
Dodaj np do szablonu index stylu.
Kod:
<div id="sliderFrame">
<div id="slider">
<img src="linkdoobrazka/slide-1.jpg" alt="Caption for slide 1" />
<img src="linkdoobrazka/slide-2.jpg" />
<a href="http://menucool.com"><img src="linkdoobrazka/slide-3.jpg" /></a>
<img src="linkdoobrazka/slide-4.jpg" />
<img src="linkdoobrazka/slide-5.jpg" alt="Caption for slide 5" />
</div>
</div>
Ten natomiast dodaj do szablonu headerinclude (niezgrupowane szablony):
Kod:
<link href="link/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="link/js-image-slider.js" type="text/javascript"></script>
I to tyle, slider juz powinien ci dzialac, do dalszej konfiguracji mozesz skorzystac z ponizszych mozliwosci.
p.s
Wiem, ze jest to wszystko na stronie producenta slidera ale byc moze ktos nie rozumie
Jeżeli chcesz dodać napis pod jakims zdjeciem uzyj funkcji alt np.
Kod:
<img src="link" alt="Twoj dodany tekst" />
Natomiast jeżeli chcesz zmienić rozmiar swojego slidera, musisz edytowac plik: js-image-slider.css
Gdzie interesuje cie ten kod, a zmieniasz parametry width oraz height na takie jakie sa ci potrzebne.
Kod:
#sliderFrame
{
position:relative;
width:180px;
margin:0 auto; /*center-aligned*/
}
#slider, #slider div.sliderInner {
width:180px;height:200px;/* Must be the same size as the slider images */
}