使用 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();

    });

  });