使用 json 的滑块

Question

我有一个滑块。如果我使用 html 上传照片，则一切正常。一旦我尝试使用 Json 上传文件，块就会被拉伸并且动画无法顺利运行，样式不再应用于它。图片被加载裁剪。截图如下。错误在哪里？ https://ibb.co/FwbV9Gb https://ibb.co/hLjpb5p滑块.js    var slideCount =  $(".slider ul li").length;    var slideWidth =  $(".slider ul li").width();    var slideHeight =  $(".slider ul li").height();    var slideUlWidth =  slideCount * slideWidth;    $(".slider").css({"max-width":slideWidth, "height": slideHeight});    $(".slider ul").css({"width":slideUlWidth, "margin-left": - slideWidth });    $(".slider ul li:last-child").prependTo($(".slider ul"));    function moveLeft() {      $(".slider ul").stop().animate({        left: + slideWidth      },700, function() {        $(".slider ul li:last-child").prependTo($(".slider ul"));        $(".slider ul").css("left","");      });    }    function moveRight() {      $(".slider ul").stop().animate({        left: - slideWidth      },700, function() {        $(".slider ul li:first-child").appendTo($(".slider ul"));        $(".slider ul").css("left","");      });    }    $(".next").on("click",function(){      moveRight();    });    $(".prev").on("click",function(){      moveLeft();    });  });