Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Nivo Slider, dodanie kodu do szablonów

Inne  Założony przez  DeeJayComBox.

17.11.2012, 12:07 (Ten post był ostatnio modyfikowany: 17.11.2012, 13:51 przez Daniel Praźmo.)
#1
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ć!
<!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.


Załączone pliki
  nivo.rar (Rozmiar: 370,05 KB / Pobrań: 168)
17.11.2012, 13:50
#2
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:
<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ć:
<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'.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
17.11.2012, 14:00
#3
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.
17.11.2012, 14:06
#4
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.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
17.11.2012, 14:08 (Ten post był ostatnio modyfikowany: 17.11.2012, 14:09 przez DeeJayComBox.)
#5
To jak możesz napisz DOKŁADNIE mi w punktach co mam zrobić.
Dziękuje
17.11.2012, 15:21
#6
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ł.


Załączone pliki
  Nivoslider_for_MyBB.zip (Rozmiar: 311,28 KB / Pobrań: 210)
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
17.11.2012, 15:43 (Ten post był ostatnio modyfikowany: 17.11.2012, 16:13 przez DeeJayComBox.)
#7
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)
19.11.2012, 19:39 (Ten post był ostatnio modyfikowany: 19.11.2012, 19:48 przez CoLL3cTTor.)
#8
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.



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

1 gości