Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Lightbox i dynamiczne ładowanie przez .load()
gordon34
post
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 7.07.2009

Ostrzeżenie: (0%)
-----


Witam serdecznie wszystkich,
mam mały problem z implementacją efektu wyswietlania zdjec przez efekty typu "lightbox".
Posiadam dynamicznie uzupelniane menu rozwijalne Parent -> Child1 Child2 Child3...
Kazdy Child laduje sie w odrebnym divie poprzez funkcje .load(). zeby bylo tego mało pobiera treść z dokladnie podanego diva czyli klikajac w Child1 zaladuje mi zawartosc kontenera "tresc" z pliku child1.html (taki przyklad) w kontener "załadunek".

w kazdym takim Child mam zdjęcia, które chciałbym podswietlac przez efekty typu Lightbox, Shadowbox itd... problem w tym, że ładując poszczegolne Child'y efekt lightbox nie widzi zdjęc ktore zaladowały sie razem z trescia. Zauwazylem ze w kodzie zrodlowym strony w przegladarce zostaje oryginalna tresc znajdująca sie w momencie "przed kliknieciem" Child. zatem nie dziwne ze nie widzis zdjec z Child'ow.

Czy ktos wie jak połączyć te efekty .load() z lighboxem aby działalo ?

Moze mało rozumnie to napisalem wiec jesli byłym jakis problem ze zrozumieniem to prosze napisac a ja postaram sie jeszcze bardziej to wyjasnic.
Pozdrawiam i dziekuje z gory za jakąkolwiek pomoc



edit
----------------------------------------------------------
Widać, że wsparcie jest pełne (IMG:style_emoticons/default/winksmiley.jpg)
Poczekam jeszcze ...

Ten post edytował gordon34 9.11.2010, 09:06:55
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
gordon34
post
Post #2





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 7.07.2009

Ostrzeżenie: (0%)
-----


Nie wiem po co tutaj ma być kod, gdyz nie mam zadnego problemy z syntaxem i bledy mi nie wyskakują no ale skoro tak to nakresle sprawe bardziej.
Na wordpressie robie opcje ładowania w locie z menu. klikając w menu ajax pobiera konkretny div z linka w ktory klikamy. ładuje go w specjalny div na stronie na ktorej sie znajdujemy. W zaladowanej stronie sa zdjecia ktore nie obsluguje lightbox a chcialbym zeby to robil (IMG:style_emoticons/default/winksmiley.jpg)

ponizej funkcja ladowania zawartosci stron

  1. jQuery(document).ready(function($) {
  2. var $mainContent = $("#content"),
  3. siteUrl = "http://" + top.location.host.toString(),
  4. url = '';
  5.  
  6. $(document).delegate("ul#menu a", "click", function() {
  7. location.hash = this.pathname;
  8. return false;
  9. });
  10.  
  11. $(window).bind('hashchange', function(){
  12. url = window.location.hash.substring(1);
  13.  
  14. if (!url) {
  15. return;
  16. }
  17.  
  18. if (url == '') {
  19. url = window.location.pathname;
  20. }
  21.  
  22. url = url + " .ajaxed";
  23.  
  24. $mainContent.animate({opacity: "0.1"}).html('<p>Ładuje...</>').load(url, function() {
  25. $mainContent.animate({opacity: "1"});
  26. });
  27. });
  28.  
  29. $(window).trigger('hashchange');
  30. });


w tym wypadku linki zawarte w ul#menu ładują zawarttość diva .ajaxed do diva "content".
funkcja opiera sie o jakis skrypt do manipulowania hashami w adresie url.

a nawiązując do podpowiedzi erix'a to w ktorym momencie mam inicjowac lighboxa? w pliku ktory laduje sie do diva ?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.11.2025 - 03:33