Witam serdecznie,
Mam project z wykorzystaniem Bootstrap 4 i http://sachinchoolur.github.io/lightGaller...os/dynamic.html.

Mam taki kod:
  1. $('.showPrv').on('click', function() {
  2. $.ajax({
  3. headers: {
  4. 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
  5. },
  6. url: '{{ route('dropzone.showDropZoneGallery') }}?id={{ $fileId }}',
  7. dataType: 'text',
  8. type: 'get',
  9. cache: false,
  10. data: $(this).serialize(),
  11. success: function (data, textStatus, jQxhr) {
  12. $(this).lightGallery({
  13. dynamic: true,
  14. dynamicEl: [data],
  15. thumbnail:true,
  16. animateThumb: true,
  17. download: true,
  18. counter: true,
  19. enableDrag: true,
  20. enableSwipe: true
  21. });
  22. console.log(data);
  23. },
  24. error: function (jqXhr, textStatus, errorThrown) {
  25. alert('Nastąpił problem z JSON. Proszę o kontakt z administratorem serwisu.');
  26. }
  27. });
  28. })


Konsola zwraca:
  1. [{"src":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/3c5ed6a66822be7ea490b9e446de1451.jpeg","thumb":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/3c5ed6a66822be7ea490b9e446de1451.jpeg","subHtml":"txt1"},{"src":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/87dd197957c0e3720f59f049235d093a.jpeg","thumb":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/87dd197957c0e3720f59f049235d093a.jpeg","subHtml":"txt2"}]


Niestety zdjęcia w "powiększeniu" nie są widoczne sad.gif Mam: <img class="lg-object lg-image" src="undefined">

Kiedy skopiuje bezpośrednio kod:
  1. dynamicEl: [{"src":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/3c5ed6a66822be7ea490b9e446de1451.jpeg","thumb":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/3c5ed6a66822be7ea490b9e446de1451.jpeg","subHtml":"txt1"},{"src":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/87dd197957c0e3720f59f049235d093a.jpeg","thumb":"http:\/\/name.test\/upload\/DZ_TEXT_PAGE\/87dd197957c0e3720f59f049235d093a.jpeg","subHtml":"txt2"}],


To działa poprawnie

W jaki sposób mogę to naprawić?

Bardzo proszę o pomoc smile.gif