Webboard

Pełna wersja: Nivo Slider, dodanie kodu do szablonów
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:Najnowsza
adres forum:http://djcombox.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

[TUTAJ OPIS PROBLEMU + SCREENY - wykasuj tę linijkę!!!]

Witam, zrobiłem to według instrukcji na YT, i nie wiem gdzie to mam dać!
Kod:
<!DOCTYPE html>
<html>
<head>
    <title>Nivo Slider Example</title>
    
    <link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="themes/default/default.css" type="text/css" media="screen" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
</head>
<body>
    
    <div class="slider-wrapper">
        <div id="slider" class="nivoSlider theme-default">
            <a href="http://youtube.com/deejaycombox"><img src="images/obrazy/slide1.jpg" alt="" title="..." />
            <a href="http://youtube.com/deejaycombox"><img src="images/obrazy/slide2.jpg" alt="" title="..." /></a>
            <a href="http://youtube.com/deejaycombox"><img src="images/obrazy/slide3.jpg" alt="" title="Zapraszam na moje konto na YouTube" />
            <a href="http://youtube.com/deejaycombox"><img src="images/obrazy/slide4.jpg" alt="" title="..." />
        </div>
    </div>
    <div id="htmlcaption" class="nivo-html-caption">
        <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
    </div>
    
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
    </script>


</body>
</html>

Tu podaje skonfigurowane pliki, niech ktoś sprawdzi czy wszystko jest ok.
Nigdzie. Raczej musisz powyciągać sobie odpowiednie elementy. Po pierwsze, dobrze by było, gdybyś dodał klasy zawarte w plikach css do arkusza global twojego stylu (style i szablony oczywiście edytujemy z poziomu ACP).

Następnie do szablonu headerinclude (gdzieś przed końcem) dodajesz:
Kod:
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">jQuery.noConflict();</script>
gdzie jquery.nivo.slider.pack.js jest adresem do pliku js tego, nazwijmy to, dodatku.

Potem w miejscu, gdzie chcesz umieścić slider (domyślam się, że gdzieś w nagłówku) musisz dodać:
Kod:
<div class="slider-wrapper">
        <div id="slider" class="nivoSlider theme-default">
            <a href="http://youtube.com/deejaycombox"><img src="images/obrazy/slide1.jpg" alt="" title="..." />
            <a href="http://youtube.com/deejaycombox"><img src="images/obrazy/slide2.jpg" alt="" title="..." /></a>
            <a href="http://youtube.com/deejaycombox"><img src="images/obrazy/slide3.jpg" alt="" title="Zapraszam na moje konto na YouTube" />
            <a href="http://youtube.com/deejaycombox"><img src="images/obrazy/slide4.jpg" alt="" title="..." />
        </div>
    </div>
    <div id="htmlcaption" class="nivo-html-caption">
        <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
    </div>
    
    <script type="text/javascript">
    jQuery(window).load(function() {
        jQuery('#slider').nivoSlider();
    });
    </script>



Możliwe też, że w pliku jquery.nivo.slider.pack.js będziesz musiał zamienić wszystkie '$' na 'jQuery'.
a gdy byś miał czas mógł byś mi napisać gdzie mam to wrzucić na serwer i jak byś mógł to skleić te kod w jedną całość abym nie musiał się już w to bawić bo doprowadza mnie to do nerwów i chciałbym aby zrobił to ktoś za mnie.
Co skleić w jedną całość? To co Ci podałem musisz wrzucić do odpowiednich szablonów poprzez ACP. Nie mogę tego zrobić za Ciebie, bo nie mam dostępu do panelu admina.

Jak znajdę czas, to naprawię swoje forum na localhoście i w miarę poogarniam cały ten skrypt, by go przystosować do szybkiej instalacji pod MyBB i poinformuję Cię, gdy wyedytuję tego posta.
To jak możesz napisz DOKŁADNIE mi w punktach co mam zrobić.
Dziękuje
W paczce masz gotowe pliki do wstawienia oraz instrukcję instalacji.

Zauważyłem jednak, że nie wszystkie efekty przewijania działają poprawnie, więc przydałoby się, żeby jeszcze jakiś wprawiony programista to przejrzał.
Zrobiłem wszystko jak w instrukcji i nic nie działa.
Masz gg, dał bym tobie adma i jak byś mógł to sprawdzić

Jest mały błąd, nie wiem jak go rozwiązać mianowicie chodzi o to że animacja nie robi pętli (nie powtarza się, replay)
Mam ten sam problem, co kolega powyżej, właśnie nie wszystkie efekty przewijania działają poprawnie, czasem się nie zmienia obrazek, przeskakuje na następny. Ponadto, problem również mam z tym, że nie widać tych przycisków nawigacji (bullets) zamiast nich są cyfry 1234, foldery się zgadzają. I jak mogę zmienić rozmiar całego slidera? Proszę o pomoc.