Webboard

Pełna wersja: Rotator/ slider bannerów
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
[wersja skryptu MyBB: 1.8
adres forum: http://passion-skill.pl/
Na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

Witam, szukam rotatora / slidera takiego jak tutaj: http://nafarcie.pl/

Jak podacie już link do niego to prosze z mała instrukcją jak i gdzie go wgrać :)
http://www.menucool.com/slider/thumbnail-preview
Znalazłem taki, ale nie mam pojęcia jak to wgrać.Męczę się już z tym od godziny i nie działa.Prosze o jakąś instrukcje jak to zainstalować.
Pobierz sobie pliki ze strony którą podałeś.
Usuń z paczki wszystkie "demosX" poza tym jednym który wybrałeś.

Wrzuć zawartość paczki na serwer.
Dodaj do szablonu headerinclude twojego stylu:
Kod:
<link href="themes/8/js-image-slider.css" rel="stylesheet" type="text/css" />
    <script src="themes/8/js-image-slider.js" type="text/javascript"></script>
    <link href="themes/8/tooltip.css" rel="stylesheet" type="text/css" />
    <script src="themes/8/tooltip.js" type="text/javascript"></script>
    <link href="generic.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        imageSlider.thumbnailPreview(function (thumbIndex) { return "<img src='images/thumb" + (thumbIndex + 1) + ".jpg' style='width:100px;height:60px;' />"; });
    </script>

Uzupełniając linki do rzeczywistych lokalizacji plików (nie wiem jaką strukturę folderów sobie stworzysz).

Następnie do wybranego szablonu, w zależności od miejsca w którym ma pojawiać się slider [zapewne dolna cześć header'a] wrzuć poniższy kod:

Kod:
<!-- Slider START -->
    <div class="div1">
        <h2>Demo 8 - Thumbnail Preview</h2>
        <p>
            Demos: <a href="demo1.html">1</a><a href="demo2.html">2</a><a href="demo3.html">3</a><a href="demo4.html">4</a>
            <a href="demo5.html">5</a><a href="demo6.html">6</a><a href="demo7.html">7</a><a href="demo8.html" class="current">8</a>
        </p>
    </div>
    <div id="sliderFrame">
        <div id="slider">
            <a href="http://www.menucool.com/javascript-image-slider" target="_blank">
                <img src="images/image-slider-1.jpg" alt="#cap1" />
            </a>
            <img src="images/image-slider-2.jpg" alt="Lorem ipsum dolor sit amet" />
            <img src="images/image-slider-3.jpg" alt="Pure Javascript. No jQuery. No flash." />
            <img src="images/image-slider-4.jpg" alt="#cap2" />
            <img src="images/image-slider-5.jpg" alt="Excepteur sint occaecat cupidatat" />
        </div>
        <div style="display: none;">
            <div id="cap1">
                Welcome to <a href="http://www.menucool.com/">Menucool.com</a>.
            </div>
            <div id="cap2">
                <em>HTML</em> caption. Link to <a href="http://www.google.com/">Google</a>.
            </div>
        </div>
    </div>
<!-- Slider END -->

O ile zrobisz wszystko z głową co napisałem to w ciągu 3 minut masz slider na forum.
Ok działa, dzieki za pomoc :)