Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ XML, AJAX _ AJAX Lightbox reload

Napisany przez: Malinaa 11.05.2024, 13:12:10

Jak przeładować zdjęcia przy AJAX Lightbox?

Mam taki kod:
https://github.com/artimman/dbmframework/blob/main/templates/gallery/index.phtml
gdzie AJAX wykonywany jest w:
https://github.com/artimman/dbmframework/blob/main/src/Controller/GalleryController.php
w efekcie wyświetlana jest strona ze zdjęciami, użyłem Masonry dla Bootstrap 5 i wyświetlanie wygląda świetnie, wszystko byłoby ok, ale pojawił się problem z Lightboxem.
Dla zdjęć wyświetlanych domyślnie jest super Lightbox działa, ale przy zdjęciach ładowanych z AJAXA nie działa Lightbox.
Kod Lightboxa: https://github.com/artimman/dbmframework/blob/main/public/assets/vendor/lightbox/script.js
Pewnie trzeba by przebudować, przeładować tego Lightboxa po załadowaniu kolejnych zdjęć?
Może ktoś wie co poprawić, dopisać w tym Javascript i przeładować AJAX ze zdjęciami podpiętymi pod Lightboxa?

Napisany przez: visa 11.05.2024, 13:21:53

Jako że kompletnie nie korzystałem z Lightboxa nigdy, to podpytałem trochę Chat GPT, było coś właśnie o przeładowaniu Lightboxa na zasadzie usunięcie starego i stworzenia nowego, ale też dość ciekawie polecił przesyłać JSONa zmiast zdjęć. Wklej mu te 3 pliki, może to Cię trochę nakieruje co zmienić.

Napisany przez: Malinaa 13.05.2024, 22:01:42

Popytałeś Chat GPT wink.gif
Poszukałem informacji i zmiana na FancyBox rozwiązała temat. Galeria śmiga.

Napisany przez: Salvation 13.05.2024, 22:06:29

FancyBox ma licencję. Sprawdziłeś czy łapiesz się na darmowe użytkowanie biblioteki?

Napisany przez: Malinaa 13.05.2024, 22:26:13

Trochę zasadzka, ale pobrane z https://github.com/fancyapps/fancybox?tab=readme-ov-file dwa pliki jquery.fancybox.min.css, jquery.fancybox.min.js ogólnie dostępne, wiec jeżeli kod nie jest na handel to się łapie.
Nie mniej zasadzka, bo jakby ktoś zmienił charakter galerii na komercyjny? Przydałoby się jednak coś na licencji MIT, bo z taką to prawie wszystko można smile.gif

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)