Случайные загруженные ajax миниатюры галереи, обрезанные по высоте (отображается не полностью) - PullRequest
Новая
       23

Случайные загруженные ajax миниатюры галереи, обрезанные по высоте (отображается не полностью)

0 голосов
/ 18 сентября 2018

Я создал систему фотогалереи, в которой после нажатия кнопки миниатюры галереи загружаются из папки посредством вызова функции ajaxFunction.Вы нажимаете большие пальцы, и открывается полная версия размера изображения.Довольно распространенная настройка.

Средний размер моих миниатюр составляет около 57k.Максимальное количество превью в галерее около 100. Все миниатюры 250px x 250px

Мой сервер работает относительно быстро, и миниатюры загружаются очень быстро, но ... случайно, несколько больших пальцев будут отображаться наполовину (обрезано врост).Это не одни и те же изображения каждый раз.Это очень случайно.Иногда этого не происходит вообще, но обычно некоторые так отрезаются.Это похоже на то, как если бы он загружался слишком быстро или что-то еще, и все не заканчивалось.

На самом деле нет эскизов на самих эскизах.Просто немного набивки.

Не уверен, что:

Это проблема css (возможно, необходимо определить высоту или другой стиль)?

или

Это проблема AJAX, и код должен быть отредактирован, чтобы не отображаться, пока они не будут полностью загружены.(что я не уверен, как это сделать)?

Это часть моего js-файла, который загружает изображения. 

$( document ).ready(function() {
ajaxFunction = function(gallery) {
  $.ajax({
      cache: false,
    url : gallery.thumbs,
    success: function (data) {
      $(data).find("a").attr("href", function (i, val) {
        if( val.match(/\.(JPG|jpe?g|png|gif)$/) ) {
            $("#griddie").append( "<a class='item' href='"+ gallery.full + val +"'><img class='squares' src='"+ gallery.thumbs + val +"'></a>" );
          }
      });
    }
  });
};
$.getScript("links.js");
$(document).ajaxComplete(function(){
$("#lightgallery").lightGallery({
        selector: '.item',
        speed: 180,
        cssEasing: 'cubic-bezier(0.000, 0.000, 0.580, 1.000)',
        hideBarsDelay: 1800
});
});
});

Я не самый лучший в jQuery, но учусь ирассмотрел этот вопрос заранее, но не могу найти тему, достаточно релевантную.Какие-либо предложения?Кто-нибудь сталкивался с этим при вызове миниатюр через ajaxFunction?

Спасибо

...