Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery]Problem z Lightboxem
Forum PHP.pl > Forum > Przedszkole
sweter
Ściągnąłem Lightboxa, w headzie strony umieściłem takie coś:

  1.  
  2. <script type="text/javascript" src="./js/jquery.js"></script>
  3.  <script type="text/javascript" src="./js/jquery.lightbox-0.4.pack.js"></script>
  4.  <link rel="stylesheet" type="text/css" href="./css/jquery.lightbox-0.4.css" media="screen" />
  5.  <script type="text/javascript">
  6.   $(function() {
  7.   $('a[@rel*=lightbox]').lightBox();
  8.   });
  9.  </script>
  10.  
  11.  


a fragment ze zdjęciami wygląda tak:

  1.  
  2. <ul id=\"mycarousel\" class=\"jcarousel-skin-tango\">
  3.   <li><a href=\"#\" rel=\"lightbox\"><img rel=\"lightbox\" src=\"./produkty/sluby/1.jpg\" width=\"75\" height=\"75\" alt=\"\" /></a></li>
  4. </ul>
  5.  
  6.  


Niestety lightbox nie chce działać sad.gif

Może jest to związane z tym, że do prezentacji zdjęć użyłem jCarousel (dlatego ta fotografia jest w liście ul)?

Head z jCarousel wygląda tak:

  1.  
  2. <link href="./pliki/style.css" rel="stylesheet" type="text/css" />
  3. <!--
  4.   jQuery library
  5. -->
  6. <script type="text/javascript" src="./lib/jquery-1.2.3.pack.js"></script>
  7. <!--
  8.   jCarousel library
  9. -->
  10. <script type="text/javascript" src="./lib/jquery.jcarousel.pack.js"></script>
  11. <!--
  12.   jCarousel core stylesheet
  13. -->
  14. <link rel="stylesheet" type="text/css" href="./lib/jquery.jcarousel.css" />
  15. <!--
  16.   jCarousel skin stylesheet
  17. -->
  18. <link rel="stylesheet" type="text/css" href="./skins/tango/skin.css" />
  19.  
  20. <script type="text/javascript">
  21.  
  22. jQuery(document).ready(function() {
  23.   jQuery('#mycarousel').jcarousel();
  24. });
  25.  


Przewijanie zdjęć przez jCarousel działa bez zarzutu, tylko lightbox wogóle się nie włącza sad.gif

Pomożecie??

progresmedia
Jako <a href> powinieneś wstawić ścieżkę do zdjęcia, które ma pojawić się w lightboxie.

Przy <img> nie potrzebne jest rel="lightbox" (powinno być tylko przy znaczniku <a>)
sweter
Czyli tak jak jest niżej?

  1.  
  2. <ul id=\"mycarousel\" class=\"jcarousel-skin-tango\">
  3.   <li><a rel=\"lightbox\" href=\"./produkty/sluby/1.jpg\"><img src=\"./produkty/sluby/1.jpg\" width=\"75\" height=\"75\" alt=\"\" /></a></li>
  4.   </ul>
  5.  
  6.  


Niestety nie działa  worriedsmiley.gif

Fafu
aktualna wersja tego lightboxa to 0.5 wiec moze to jest problemem i zmien w sciezkach do plików lightbox-0.4 na lightbox-0.5
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.