Jak zainstalować ten skrypt na stronę?

[herosman123456]

Witajcie ściągnąłem skrypt z tej strony :
 

http://workshop.rs/projects/coin-slider/

jest to skrypt który przesuwa automatycznie zdjęcia na stronie www Jestem taki Stanisław Cichociemny w tych sprawach i nie wiem jak wcielić ten skrypt do bardzo banalnej strony. Gdyby był on w php prędzej bym ogarnął, teraz mogę liczyć tylko na waszą pomoc Odwdzięczę się +.

 

[kajokin]

Przetłumaczę Ci instrukcję
 
JAK UŻYWAĆ?
 
POBIERZ JQUERY, PLIKI JAVASCRIPT ORAZ CSS COIN SLIDERA I DODAJ JE DO SWOJEJ STRONY
 

<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

 

 
Dodaj zawartość slidera i utwórz div'a z id oraz dodaj obrazy i ich opisy
Przykład:
 

<div id='coin-slider'>
    <a href="obrazek01_url" target="_blank">
        <img src='obrazek01.jpg' >
        <span>
            Opis dla "obrazek01"
        </span>
    </a>
    ......
    ......
    <a href="obrazekN_url">
        <img src='obrazekN.jpg' >
        <span>
            Opis dla "obrazekN"
        </span>
    </a>
</div> 

 

 

 
Na końcu musisz wstawić ten skrypt:
 

<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider();
    });
</script> 

 
PRZYKŁAD
Coin Slider ma dużo opcji, abyś mógł go spersonalizować. Jeśli chciałbyś, aby twój slider był szerokości 900 pikseli, nie miał funkcji zmiany slajdu oraz zmieniał obrazki co 5 sekund, napisałbyś coś takiego:
 

<script type="text/javascript">
    $(document).ready(function() {
        $('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
    });
</script>

 

 

WSZYSTKIE OPCJE
 
 

width: 565, // szerokość
height: 290, // wysokość
spw: 7, // kwadraty na szerokość
sph: 5, // kwadraty na wysokość
delay: 3000, // opóźnienie między slajdami w ms
sDelay: 30, // opóźnienie między kwadratami w ms
opacity: 0.7, // przezroczystość tytułu i nawigacji
titleSpeed: 500, // prędkość pojawianie się tytułu w ms
effect: '', // random, swirl, rain, straight (losowy, wirowanie, deszcz, prosto)
navigation: true, // wł(true)/wył(false) przycisków nawigacji (następny/poprzedni slajd)
links : true, // okazuj obrazki jako linki
hoverPause: true // zatrzymaj zmianę slajdów przy najechaniu myszką na slider
 

 
LICZĘ NA LIKE'A, BO NAPRACOWAŁEM SIĘ :)

[herosman123456]

W dalszym ciągu nie kumam o co chodzi zbytnio chyba bo zrobiłem tak jak pisze i nie działa

Dodaj zawartość slidera i utwórz div'a z id oraz dodaj obrazy i ich opisy

O co chodzi z div'em? dla mnie jest to nieczytelna instrukcja pomoże ktoś?

[kajokin]

W dalszym ciągu nie kumam o co chodzi zbytnio chyba bo zrobiłem tak jak pisze i nie działa

Dodaj zawartość slidera i utwórz div'a z id oraz dodaj obrazy i ich opisy

O co chodzi z div'em? dla mnie jest to nieczytelna instrukcja pomoże ktoś?

 

A umiesz chociaż trochę HTML? Masz przykład w spoilerze... Jeśli chcesz, to możesz bardziej zrozumieć div'y na kursie HTML (jeśli jesteś dobry z angielskiego, polecam ten kurs)

@EDIT: Jeśli chcesz, możesz mi wysłać kod swojej strony, a ja umieszczę tam skrypt