Pomoc w przeniesieniu stylów

[[email protected]]

Zaimplementowałem do swojej strony LightBoxa. Czyli takie coś co powoduje wyświetlanie grafiki lub czegokolwiek innego we flashowych, wyskakujących okienkach. Jednak dwa kod, które musze wkleić:

1.

Kod:

<!-- LIGHTBOX, JEDEN Z DWÓCH POTRZEBNYCH SKRYPTÓW -->
    
    <script src="/index_pliki/style/prettyphoto_loghtbox/js/jquery-1.4.4.min.js" type="text/javascript"></script>
        <!--script src="js/jquery.lint.js" type="text/javascript" charset="utf-8"></script-->
        <link rel="stylesheet" href="/index_pliki/style/prettyphoto_loghtbox/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
        <script src="/index_pliki/style/prettyphoto_loghtbox/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    
    <!-- LIGHTBOX, JEDEN Z DWÓCH POTRZEBNYCH SKRYPTÓW -->

2.

Kod:

<!-- DRUGI POTRZEBNY SKRYPT DO LIGHTBOXA, NA KOŃCU-->

<script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            $("a[rel^='prettyPhoto']").prettyPhoto();
        });
    </script>
<!-- DRUGI POTRZEBNY SKRYPT DO LIGHTBOXA, NA KOŃCU-->

linkują wszystko do głównego folderu. Czyli po implementacji takiego kodu na stronie, wszystkie trzy foldery CSS, IMAGES i JS muszą znajdować się bezpośrednio z plikami strony. Wrzucone po prostu do katalogu głównego strony.

Ja natomiast chciałbym to nieco uporządkować i przenieść te pliki, które były dołączone wraz ze skryptem do innego miejsca. Zrobiłem więc tak, że pliki JS, CSS i IMAGES przeniosłem dalej do: ---> index_pliki/ i zrobiłem folder o nazwie "style" i następnie tam te pliki wkleiłem. Zatem ścieżka prezentowała się nie na bezpośredni katalog a na:
index_pliki/style/CSS...
index_pliki/style/JS...
index_pliki/style/IMAGES...

Oczywiście wszystko jest małymi literami, tylko tutaj dla czytelności piszę wersalikami.
No i potem do kodu pododawałem te linijki. Jednak nie działa i nie wiem dlaczego. Wyedytowałem przecież każdą linijkę w podanych wyżej kodach zawierającą końcówkę CSS, JS i IMAGES a nie działa.

Proszę o pomoc w poprawnym zaimplementowaniu tego do kodu. Nie wiem co robię źle.


A kompletnie to wygląda tak...
Foldery skryptu przeniosłem do:

/index_pliki/style/prettyphoto_lightbox/

I zmodyfikowałem kod tak:

<!-- LIGHTBOX, JEDEN Z DWĂ?CH POTRZEBNYCH SKRYPTĂ?W -->

<script src="/index_pliki/style/prettyphoto_lightbox/js/jquery-1.4.4.min.js" type="text/javascript"></script>
<!--script src="js/jquery.lint.js" type="text/javascript" charset="utf-8"></script-->
<link rel="stylesheet" href="/index_pliki/style/prettyphoto_lightbox/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="/index_pliki/style/prettyphoto_lightbox/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<!-- LIGHTBOX, JEDEN Z DWĂ?CH POTRZEBNYCH SKRYPTĂ?W -->

A nie działa! Czemu?! Przecież dodałem tę ścieżkę przed każdym z JS, CSS i IMAGES!