Question

我制作了一个照相馆系统，在该系统上，单击按钮后，通过ajaxFunction调用从文件夹中加载照相馆的缩略图。您单击拇指，将打开完整的图像尺寸版本。相当普通的设置。

我的缩略图的平均大小约为57,000。画廊中的最大拇指数约为100。所有缩略图均为250px x 250px

我的服务器相对非常快，并且缩略图加载的速度非常快，但是...随机地，少数拇指将显示一半（切掉高度）。每次图像都不相同。这是非常随机的。有时它根本不会发生，但通常会像这样被切断。好像加载速度太快，或者某些事情还没有完成。

缩略图本身确实没有CSS。只是一些填充。

不确定是否

：

这是一个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调用缩略图时，有人遇到过这种情况吗？

谢谢

随机加载的ajax加载的画廊缩略图的高度被截断（未完全显示）吗？

0 个答案: