Cześć, mam problem w lightboxem wersja 2.04. Przede wszystkim nie wiem jak zrobić podział plików. W tej chwili mam katalog media a w nim foldery js i css, więc wrzuciłem do nich odpowiednio pliki. W kodzie pisze sobie:

[PHP] pobierz, plaintext 
echo html::stylesheet('media/css/lightbox');
echo html::script(array('media/js/przegladaj','media/js/lightbox','media/js/scriptaculous.js?load=effects,builder')); 
[PHP] pobierz, plaintext 

Po czym firebug rzuca mi mi takim błędem:

W ogóle nie wiem o co mu chodzi.
Według stronki lightboxa powinienem też dołączać plik prototype, ale jak to zrobię to wywala mi wszystkie skrypty na stronie (napisane w jquery jeśli to istotne).
Spotkał się ktoś wcześniej z czymś takim? A może użyć jakiś innych tego typu skryptów?

Prawdopodobnie to konflikt zmiennych w JavaScript, spowodowany tym, że zarówno jQuery i Prototype używają zmiennej $.
Dołącz najpierw jQuery i zrób tak :

i wszędzie w kodzie gdzie używałeś, $., pisz j.
i będzie po problemie.
Do jQuery są biblioteki "lightboxowe", wystarczy poszukać :
http://www.google.pl/search?source=ig&...p;oq=jquery+lig i nie ma problemu z konfliktem bibliotek.

Dzięki za wyjaśnienie i linka. Użyłem biblioteki - plugina (balupton edition).
Mam co prawda nadal problem, obrazki mam bowiem dodawane dynamicznie do strony po kliknięciu w przycisk, i dla nich już ten lightbox nie działa, mimo że dodałem atrybut class i poprawiłem rel na takie jak daje ten plugin....

Te obrazki ładujesz AJAX-em na stronę ?
Pokombinuj z metodą live
http://docs.jquery.com/Events/live#typefn

Nie używałem jeszcze ajaxa w jquery. Trochę teraz z tym kombinowałem, z metodą live także, ale nic mi nie wychodzi. Musi być przez ajaxa ? Teraz obrazki dodaję tak:

[JAVASCRIPT] pobierz, plaintext 
$("<a>").attr({
		rel:"lightbox-enabled",
		href:'http://localhost/'+duze_obrazki[index]
		}).addClass("lightbox-enabled")
                               .html(
		                 $("<img>").attr({src:'http://localhost/'+ilosc_plikow[index]})
			        .addClass("obrazek_galeria")
                                      ).appendTo("#wewnetrzny"); 
[JAVASCRIPT] pobierz, plaintext 

gdzie duże_obrazki i ilosc_plikow to tablice ze ścieżkami do wszystkich obrazków.

To się troche nie zrozumieliśmy:)
Wytłumacz co rozumiesz przez to :


W jaki sposób ładujesz te obrazki ?
One są wczytywane normalnie podczas ładowania strony, czy wczytujesz przez js jakąś inną strone?
Napisz to dokładniej, albo podeślij jakiś kod.

Dobra, więc po kolei:
Napisałem sobie taki pasek miniaturek zdjęć, mam na stronie różne kategorie, więc patrzę czy w danej kategorii są jakieś zdjęcia, jak tak to pobieram ścieżki funkcją glob do wszystkich tych obrazków i przekazuję do funkcji javascriptu. Następnie tam wczytuję kilka zdjęć - a dokładniej tyle ile może być widocznych na stronie. Wczytywanie wszystkich od razu jest bez sensu, każde kolejne zdjęcie wczytuje się po naciśnięciu przycisku który przesuwa obrazki w lewo. A poprzez wczytywanie obrazków rozumiem kod który wcześniej podałem, i który daje np. coś takiego:

[HTML] pobierz, plaintext 
<a class="lightbox-enabled" rel="lightbox-enabled" href="http://localhost/media/img/galeria_max/Alfa_Romeo/Spider/Spider+1.jpg">
     <img class="obrazek_galeria" src="http://localhost/media/img/galeria_min/Alfa_Romeo/Spider/Spider+1.jpg"/>
</a>
[HTML] pobierz, plaintext 

Jak kliknę w dodaną miniaturkę, pojawia mi się jej odpowiednik, ale nie w lightboxie tylko jako zwykła strona.
Nie wiem jak to jest napisane w wersji 2 lightboxa, a właściwie w tym pluginie, ale w pierwszej wersji w funkcji initLightbox było coś takiego:

[JAVASCRIPT] pobierz, plaintext 
if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){
	anchor.onclick = function () { showLightbox(this); return false;}
}
[JAVASCRIPT] pobierz, plaintext 

Co sprawiało że nie wyświetlał zdjęcia na nowej stronie, i pewnie tego mi brakuje przy dodawanych zdjęciach. Wiesz jak to rozwiązać? Mogę być też inne propozycje - aby tylko działało.

EDIT:
Dobra, uporałem się. Przy tworzeniu linka do obrazka dodałem jeszcze to i teraz działa:

[JAVASCRIPT] pobierz, plaintext 
.click(function(){ $.Lightbox.init(this); $.Lightbox.start();return false; })
[JAVASCRIPT] pobierz, plaintext