Question

有一些图像会触发错误。

无法获取/images/projects/mvp/mvp-2-1.png

HTML（只是图库的开头）：

<div id="etch" class="container-fluid white padding buffer" ng-controller="GalleryCtrl">
  <div class="auto" data-featherlight-gallery data-featherlight-filter="a">
    <a class="gallery img-tile" href="/images/designer/super-turtle-etch.jpeg">
        <img src="/images/designer/super-turtle-etch.jpeg" class="buffer-img center-cropped-b" alt="Super Turtle Etch"/>
    </a>
    <a class="gallery img-tile" href="./images/designer/stf-1.jpg">
        <img src="./images/designer/stf-1.jpg" class="buffer-img center-cropped-b" alt="Trace: She's the First*{UTK}"/>
    </a>
    <a class="gallery img-tile" href="/images/designer/stf-2.jpg">
        <img src="/images/designer/stf-2.jpg" class="buffer-img center-cropped-b" alt="Trace: She's the First*{UTK}"/>
    </a>
  </div>
</div>

第一张图片效果非常好，但第二张和第三张图片没有。我添加了./来试用，它也不起作用。 / images /还没有工作。

angular.module('myApp.controllers', [])      
.controller('GalleryCtrl', function($scope){
    $(document).ready(function(){
        $('.gallery').featherlightGallery();
    });
    $.featherlightGallery.prototype.afterContent = function() {
        var caption = this.$currentTarget.find('img').attr('alt');
        this.$instance.find('.caption').remove();
        $('<div class="caption" style="margin-bottom: 10px">').text(caption).appendTo(this.$instance.find('.featherlight-content'));
      }
      $('a.gallery').featherlightGallery({
        previousIcon: '&#9664;',     /* Code that is used as previous icon */
        nextIcon: '&#9654;',         /* Code that is used as next icon */
        galleryFadeIn: 100,          /* fadeIn speed when slide is loaded */
        galleryFadeOut: 100          /* fadeOut speed before slide is loaded */
    });
  });

我也检查了区分大小写。它似乎没有任何不同的作用。在少于75张图像中，只有约9张图像无法正常工作。似乎并不是我能找到的连接（如图像大小）。

有没有人有想法？

AWS部署后未加载的图像

0 个答案: