Jak dodać slider

wersja skryptu MyBB: 1.8
adres forum: http://skill-shot.pl/index.php
na czym polega problem (screen, opis, komunikaty):

Jak się robi slider
w dokładnych krokach !

Szogi1910 napisał 03.08.2015, 10:35:
Nazwę wątku opisuj do problemu.
Przenoszę do odpowiedniego działu oraz zapoznaj się z

O jaki konkretnie slider Ci chodzi? Jest dużo.

Poza tym → http://bfy.tw/172N

https://webboard.pl/thread-60592.html <--

Taki slider jak jest na prawo od loga..

Pokaż swój szablon index.

Chodzi Ci on nasz index czy tego stylu?

http://wklej.to/H7J61 - index stylu

http://wklej.to/rrjRZ - Index aktualny nasz

Już teraz nie wiem o co ci chodzi. To gdzie ten panel boczny chcesz dodać? Ja już widzę że masz dodany, nawet na stronie ktorą podałeś jest...

<!-----------PanelBoczny----------->
<div class="sidebar" style="float: right;width: 19%;">

(...) 


chodzi o ten rotator zdjęc co sie przesuwają zdjęcia

probowalem wrzucic tą biblioteke ktora jest w tamtym stylu do tego nowego stylu, mianowicie ten skrypt: http://wklej.to/GMUep

Ale ShoutBox się buguje

https://webboard.pl/thread-45241.html
Przy każdym sliderze jest dokumentacja, poczytaj a jest tam opisane jak dodać. Tylko pomijaj bibliotekę jQuery, bo masz już ją zdefiniowaną.

Ale tamte rzeczy nie wichodzą mi. Przydał by się czysty kod slideru bo tamto mi sie buguje

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.

<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):

<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.

<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.

#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 */
}

Ewentualnie: https://webboard.pl/thread-54069.html?highlight=coin

Nice poradnik. To powinno być na forum wystawione a nie ta lista slidrów bo tu jest to znakomicie wytlomaczone. Dzieki Look