Instalacja image slider

Inne  Założony przez  bobo1992.

wersja skryptu MyBB:1.6.10
adres forum:cs-goodshot.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

witam chcialbym zainstalowac ten image slider

demo 8 image slider

stworzylem w ftp folder o nazwie slider wrzucilem tam pliki themes oraz generic.css a pliki images do folderu images ,nastepnie nie wiem co robic dalej wiem ze musze html otworzyc w notepadzie i mam kod ale nei wiem gdzie ten kod poszczegolny powstawiac aby to dzialalo.


<!DOCTYPE html>
<
html>
<
head>
    <
title>Demo 8 Thumbnail Preview</title>
    <
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:70px;height:44px;' />"; });
    </
script>
</
head>
<
body>
    <
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</emcaptionLink to <a href="http://www.google.com/">Google</a>.
            </
div>
        </
div>
    </
div>
    <
div class="div2">
        <
p>You'll see a thumbnail preview when hovering on the navigation bullet in above demo. The thumbnail preview is created by the
        slider'
s built-in function, <em>thumbnailPreview</em>, and with the assistance of the
        
<a href="http://www.menucool.com/tooltip/javascript-tooltip" target="_blank">Menucool Tooltip</awidget.</p>
        <
p>Please visit <a href="http://www.menucool.com/slider/thumbnail-preview">http://www.menucool.com/slider/thumbnail-preview</a> for detailed instructions.</p>
        
<p>This demo has not used the slider's advanced features, so it does not require the slider license. However, using the tooltip widget for the thumbnail preview requires a Tooltip license.
        <br /><em>If you have also included slider'
s advanced featuresslider license is also required.</em></p>
    </
div>
</
body>
</
html
Do headerinclude:
<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:70px;height:44px;' />"; });
    </
script

A to spróbuj tam gdzie chcesz, by się wyświetlało:
<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</emcaptionLink to <a href="http://www.google.com/">Google</a>.
            </
div>
        </
div>
    </
div
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
jesli sie nie myle to ejst automatyczny slider tak ?

wrzxucilem i wlasnie zobacz co sie dzieje ... nie zmienia mi tylko pokazuje wsyzstkie
No tak.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
moglbys spojrzec czemu tak sie dzieje ?
Dołączam się do tematu. Mam ten sam problem.

Adres slidera : http://hajlajf.cba.pl/misc.php?page=galeria
Mam go na osobnej podstronie bo narazie nie działa.
Brakujące pliki się same mają zamiar wgrać na ftp

"NetworkError: 404 Not Found - http://hajlajf.cba.pl/themes/8/js-image-slider.css"

"NetworkError: 404 Not Found - http://hajlajf.cba.pl/themes/8/js-image-slider.js"

"NetworkError: 404 Not Found - http://hajlajf.cba.pl/themes/8/tooltip.css"

"NetworkError: 404 Not Found - http://hajlajf.cba.pl/themes/8/tooltip.js"

"NetworkError: 404 Not Found - http://hajlajf.cba.pl/generic.css"
Miałem te wszystkie pliki na FTP ale błędem było zrobienie folderu "slider" w głównym katalogu FTP jak zrobił to kolega wyżej. Wyciągnąłem folder themes do głównego katalogu FTP, tak samo plik generic.css, obrazki się przewijają, lecz problemem jest to, że rozjechała się strona i brakuje buttonów nawigacji slidera. Usunąłem plik generic.css i strona wróciła do normalnego wyglądu, ale slider jest jeszcze niekompletny. Zmieniłem slider na demo 5 : http://www.menucool.com/slider/javascrip...ider-demo5

Nie wiem co mam jeszcze zrobić.
Odświeżam. W dalszym ciągu sobie z tym nie poradziłem.
Adres mojego slidera: http://hajlajf.cba.pl/misc.php?page=galeria
Demo 5 : http://www.menucool.com/slider/javascrip...ider-demo5



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

1 gości