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!

[R_Rafalsky]

Poproszę link do strony. Dużo tu można zgadywać :/

[[email protected]]

Witaj, dziękuję za chęć pomocy.

Na stronie mam "czysty kod", domyślny. Czyli wrzuciłem wszystko do jednego wora. JS, CSS, IMAGES bezpośednio do folderu i nienaruszone skrypty do kodu strony. Innymi słowy, tak jak było w instrukcji. Ale u siebie na dysku wpisuję nowe ścieżki do kodu i przenoszę foldery i nie działa. Na stronie widać nienaruszony kod bo wtedy działa, ja chciałbym przenieść te foldery z serwera dalej do /index_pliki/style/prettyphoto_lightbox/.

Tu adres tej podstronki:
http://www.bunch.2-0.pl/strony/bunch/graficzne.html

Jak powinien wyglądać poprawny, zmodyfikowany kod w skryptach jeśli przyjmiemy, że te trzy foldery wrzucę do: /index_pliki/style/prettyphoto_lightbox/? Sam próbowałem ale totalna klapa. No po prostu nie potrafię.

[nst]

Samym lightboxem nie nadgonisz, masa błędów na stronie.

[R_Rafalsky]

Aaa... Chyba wiem czemu nie działa.

Folder skryptu jest tu: /index_pliki/style/prettyphoto_lightbox/
Pliki JS deklarujesz tu: /index_pliki/style/prettyphoto_lightbox/js/jquery.prettyPhoto.js

A faktycznie ścieżki są tu:
index_pliki/style/CSS...
index_pliki/style/JS...
index_pliki/style/IMAGES...

Nie znajduje potrzebnych mu plików więc nie działa. Tyle rozumiem z Twoich opisów. Sprawdź jeszcze dokładnie wszystkie ścieżki do ważnych plików!

[[email protected]]

R_Rafalsky - o czym Ty piszesz?

Nawiązałeś do moich PRZYKŁADÓW.

Ścieżki do plików napisałem jak tylko umiem i nie działają.

Nie znajduje potrzebnych mu plików więc nie działa. Tyle rozumiem z Twoich opisów. Sprawdź jeszcze dokładnie wszystkie ścieżki do ważnych plików!

WIem, że skoro nie działa to nie znajduje. Sprawdziłem chyba z TYSIĄC razy i nic ze swojej strony już tu nie jestem w stanie włożyć. Dlatego proszę o pomoc tu na forum.

Powtórzę...

Wrzucając foldery (CSS, JS, IMAGES) z plikami od LightBoxa tam:
/index_pliki/style/prettyphoto_lightbox/CSS...
/index_pliki/style/prettyphoto_lightbox/JS...
/index_pliki/style/prettyphoto_lightbox/IMAGES...

Bo domyślnie znajdują się tu:
/CSS
/JS
/IMAGES

Co i gdzie mam dopisać do kodu strony?
I może wyprzedzę czyjąś radę, odpowiedzią na nią.

Rada: "Co za problem? Tam gdzie masz w kodzie końcówkę CSS, JS i IMAGES dopisz przed nią kompletną ścieżką do nowego miejsca ich położenia jak powyżej"

Odpowiedź: To właśnie zrobiłem. Dopisałem a NIE DZIAŁA. Powiedzcie mi proszę jak zmodyfikować ten kod poprawnie. Na stronie teraz też działa bo jest nienaruszony kod i położenie folderów CSS, JS i IMAGES. A chcę je przenieść.

[R_Rafalsky]

To zobacz w źródło JS. Zobacz na zależności w plikach. I najważniejsze: udostępnij gdzieś wersję, która nie działa. Zgadywać można miesiącami nie mając źródła

[[email protected]]

No ale czego ja mam tam niby się dowiedzieć w tym źródle JS?

Jak miałbym udostępnić gdzieś wersję która nie działa?

Może zatem tak....

Tutaj są te pliki JS, CSS, IMAGES:
http://www.no-margin-for-errors.com/demos/prettyPhoto-jquery-lightbox-clone/prettyPhoto_compressed_3.0.2.zip

A na stronie by uaktywnić LightBoxa potrzeba wkleić dwa kody:

Pierwszy w górnej części, który brzmi:

Kod:

<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
    <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

Drugi, na samym dole przed tagiem </body>:

Kod:

<script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            $("a[rel^='prettyPhoto']").prettyPhoto();
        });
    </script>

A do linku (np. obrazka) wystarczy dodać atrybut: rel="prettyPhoto" i wtedy przy tym elemencie zadziała LightBox.

A! I do tego - czego gość nie napisał - potrzeba jakieś biblioteki JQuery, więc przed pierwszym kodem ja musiałem dodatkowo wstawiać jeszcze takie coś:

Kod:

    <script src="http://code.jquery.com/jquery-1.5.min.js" type="text/javascript"></script>

Zatem ściągnij ten skrypt, zaimplementuj go w kodzie strony, umieść pobrane pliki w katalogu głównym, stwórz przykładowy obrazek. I zobacz czy LightBox zadziała - zadziała. A teraz spróbuj te foldery umieścić gdzieś indziej na stronie (dalej wgłąb) i sprawić jakoś aby LightBox działał. I tu nie wiem co trzeba zrobić. Coś do kodu dopisać czy jak? No włąśnie o to się rozchodzi, że nie wiem co zrobić na tym etapie. Mi nie działa.

No kurczę, wy znacie się na tym. Jesteście ekspertami. Nie ja.

[Pedro84]

Link, podaj link tam gdzie to umieszczasz i gdzie Ci NIE DZIAŁA.

[[email protected]]

Ale nie mam tej wersji "po przenosinach" wgranej na serwer. Bo po co, skoro nie działa?
Na serwerze jest działająca wersja z niestety domyślną lokalizacją plików.
Chcesz link by zobaczyć jak to działa? Link do strony na której mam lightboxa?

Nie napisaliście poza tym korekty mojego kodu. Więc mam rozumieć, że dobrze wszystko przenoszę?
Tak? A nie działa, jak mówię. Więc coś źle robie. Co robię źle? W poprzednim poście napisałem chyba wszystko bardzo jasno. Nie mam niedziałającej strony wgranej bo nie działa. Sprawdź u siebie jak to przenieść.