Jak dodać slider

Założony przez  LaaG.

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 [Obrazek: modnotice_howto.png]
O jaki konkretnie slider Ci chodzi? Jest dużo.

Poza tym → http://bfy.tw/172N
Pomoc poza forum - odpłatnie.
https://webboard.pl/thread-60592.html <--

Taki slider jak jest na prawo od loga..
Pokaż swój szablon index.
Pomoc poza forum - odpłatnie.
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%;">

(...) 
Pomoc poza forum - odpłatnie.
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ą.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
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
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Nice poradnik. To powinno być na forum wystawione a nie ta lista slidrów bo tu jest to znakomicie wytlomaczone. Dzieki Look



Użytkownicy przeglądający ten wątek:

2 gości