Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML][CSS]Nie ladujecie sie zdjecia - Thickbox 3.1
Forum PHP.pl > Forum > Przedszkole
MrSeefeld
Witam!

Pracuje nad pewnym projektem i mam problem z galeria - thickbox.

Adres strony

Korzystam z plg JS Carousels aby zdjecia sie przewijaly oraz z plg Thickbox zeby je porzegladac w powiekszeniu.

Dodalem do header odpowiednie formuly, link do jquery, style itd.

I wszystko dziala z wyjatkiem wyswietlania zdjecia w powiekszeniu. Pokazuje sie animacja ladowania Thickbox natomiast samo zdjecie nigdy sie nie pokazuje.
Sprawdzilem sciezki, classy, trybuty rel. Wszystko ok.

Kod html w ktorym wywoluje thickbox - naglowek

  1. <link rel="stylesheet" type="text/css" href="skins/tango/skin.css" /><!-- style JS corousels-->
  2. <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /><!-- style thickbox-->
  3. <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <!-- jquery-->
  4. <script type="text/javascript" src="js/jquery.jcarousel.min.js"></script><!-- plg JS corousels-->
  5. <script type="text/javascript"><!-- ust plg JS corousels-->
  6.  
  7. function mycarousel_initCallback(carousel)
  8. {
  9. // Disable autoscrolling if the user clicks the prev or next button.
  10. carousel.buttonNext.bind('click', function() {
  11. carousel.startAuto(0);
  12. });
  13.  
  14. carousel.buttonPrev.bind('click', function() {
  15. carousel.startAuto(0);
  16. });
  17.  
  18. // Pause autoscrolling if the user moves with the cursor over the clip.
  19. carousel.clip.hover(function() {
  20. carousel.stopAuto();
  21. }, function() {
  22. carousel.startAuto();
  23. });
  24. };
  25.  
  26. jQuery(document).ready(function() {
  27. jQuery('#mycarousel').jcarousel({
  28. auto: 2,
  29. wrap: 'circular',
  30. scroll: 1,
  31. initCallback: mycarousel_initCallback
  32. });
  33. });
  34.  
  35. <script type="text/javascript" src="js/thickbox.js"></script><!-- plg thickbox-->




A tutaj kod z contentu gdzie sa linki ktore maja wywolac plg Thickbox


  1. <ul id="mycarousel" class="jcarousel-skin-tango">
  2. <li><a href="images/index-flow-gallery/1.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/index-flow-gallery/thumbnails/1.jpg" alt="Plant 1" /></a> </li>
  3. <li><a href="images/index-flow-gallery/2.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/index-flow-gallery/thumbnails/2.jpg" alt="Plant 1" /></a> </li>
  4.  
  5. </ul>


Nie widze gdzie robie blad. Spotkaliscie sie moze z podobnym problemem w przypadku tej wtyczki?

pozdrawiam,
krispak
Hmm.. Ale jak wejdzie sie do Ciebie na strone i spojrzy w kod zrodlowy to np. script thickbox.js nie jest w head tylko w body.
Nie powinien byc on wczytany przed wywietleniem elementu..?
MrSeefeld
Powinien. Wrzucilem odswiezone pliki za serwer z zaladowanych thickbox przed wczytaniem contentu. Sytuacja bez zmian.

Ciekawostka. Zamiast jquery 1.4.2 podpiolem 1.2.3 i wtedy pyka bez problemu.

z Jquery 1.4.2

z Jquery 1.2.3
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.