Mam project z wykorzystaniem Bootstrap 4 i http://sachinchoolur.github.io/lightGaller...os/dynamic.html.
Mam taki kod:
$('.showPrv').on('click', function() { $.ajax({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') }, url: '{{ route('dropzone.showDropZoneGallery') }}?id={{ $fileId }}', dataType: 'text', type: 'get', cache: false, data: $(this).serialize(), success: function (data, textStatus, jQxhr) { $(this).lightGallery({ dynamic: true, dynamicEl: [data], thumbnail:true, animateThumb: true, download: true, counter: true, enableDrag: true, enableSwipe: true }); console.log(data); }, error: function (jqXhr, textStatus, errorThrown) { alert('Nastąpił problem z JSON. Proszę o kontakt z administratorem serwisu.'); } }); })
Konsola zwraca:
[{"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

Kiedy skopiuje bezpośrednio kod:
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
