phpBB2 by Przemo
Support forów phpBB2 modified by Przemo

FAQFAQ - PIERWSZA POMOC!!  regulaminREGULAMIN  SzukajSZUKAJ  UżytkownicyUżytkownicy  GrupyGrupy  StatystykiStatystyki
RejestracjaRejestracja  ZalogujZaloguj  DownloadDownload  katalog Forów DyskusyjnychKatalog Forów   FAQ Video tutoriale

Poprzedni temat «» Następny temat
Jak zainstalować taki rotator obrazków ?
Autor Wiadomość
Example


Posty: 51
Wysłany: 21-07-2014, 18:05   Jak zainstalować taki rotator obrazków ?

Witam, chciałbym zainstalować sobie taki rotator obrazków http://www.skitter-slider.net/, tylko nie wiem w jaki sposób. Proszę o pomoc

Download: https://github.com/thiagosf/SkitterSlideshow/
 
     
Gadatliwa Kasia 

   
#kasztanek9994


Pomógł: 127 razy
Posty: 690
Wysłany: 21-07-2014, 18:51   

wgrać pliki na serwer :)
http://www.skitter-slider.net/how-to-install :mrgreen:

To dodajesz do sekcji <head (w pliku overall_header.tpl)
Kod:
<link type="text/css" href="css/skitter.styles.css" media="all" rel="stylesheet" />
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" src="js/jquery.skitter.min.js"></script>


Później tam gdzie chcesz żeby Ci sie pojawił ten rotator daj:
Kod:
<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $(".box_skitter_large").skitter();
    });
</script>
<div class="box_skitter box_skitter_large">
    <ul>
        <li>
            <a href="#cut"><img src="images/001.jpg" class="cut" /></a>
            <div class="label_text"><p>cut</p></div>
        </li>
        <li>
            <a href="#swapBlocks"><img src="images/002.jpg" class="swapBlocks" /></a>
            <div class="label_text"><p>swapBlocks</p></div>
        </li>
        <li>
            <a href="#swapBarsBack"><img src="images/003.jpg" class="swapBarsBack" /></a>
            <div class="label_text"><p>swapBarsBack</p></div>
        </li>
    </ul>
</div>


images/001.jpg ścieżka do pliku
folder /images już jest w głównym katalogu. Więc możesz sobie zmienić na inny, albo wgrać po prostu obrazki do niego.
_________________
- Naprawa polskich znaków w bazach MySQL
- Przenoszenie forum z serwera na serwer
- Tworzenie, kodowanie szablonów i wiele innych
kasztanek9994@gmail.com // gg:3440027
 
     
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Kopiowanie wszelkich treści zawartych na forum, modyfikacji oraz instrukcji bez zgody administracji i autorów tematów/postów zabronione!

Powered by phpBB modified by Przemo © 2003 phpBB
Strona wygenerowana w 0,06 sekundy. Zapytań do SQL: 9
Polecane serwisy

Najlepsze oprogramowanie do prowadzenia sklepu internetowegoNajlepszy program do sklepu firmowany przez Przem'a

Sklep z gadżetami

Design Cart - Tworzenie sklepu internetowego

iRonin.IT

https://nabea.pl

• Zamów reklamę