Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML][CSS]Nie ladujecie sie zdjecia - Thickbox 3.1, thickbox, js, nie ladujace sie zdjecia
MrSeefeld
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 21.02.2010

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


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,
Go to the top of the page
+Quote Post
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Temat: JavaScript jesli Twoj watek go dotyczy KONIECZNIE przeczytaj


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
krispak
post
Post #3





Grupa: Zarejestrowani
Postów: 250
Pomógł: 55
Dołączył: 27.08.2008

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


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..?


--------------------
* * * * * * * * * * * * * * * * * * * * * * * * *
PHP, Laravel, Docker, Docker Compose, Laradock, Redis, JS, React, Vue, CSS, SCSS, Gulp, GIT ... itd..
Go to the top of the page
+Quote Post
MrSeefeld
post
Post #4





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 21.02.2010

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


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
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 21.08.2025 - 21:20