html / css代码中的“无法加载图像＃1”错误

Question

我正在创建一个投资组合，并且一直在尝试使此投资组合框打开指向我在Google云端硬盘上的某些作品的链接。每当您单击图片时，它就会弹出并显示错误消息：“ 1/10无法加载图像＃1”。然后可以在“图像＃1”上单击该链接，并将其重定向到我的护目镜驱动器上的文件。我的投资组合的链接是：https://tdblanton3.github.io/portfolio.travis/

这是我的代码：

<!-- Portfolio Section -->
  <section id="portfolio">
    <div class="container-fluid p-0">
      <div class="row no-gutters">
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="https://drive.google.com/drive/folders/1iIMsUtdX1lVSAiQNdXvnZq9RAnp4hiog?usp=sharing">
            <img class="img-fluid" src="img/portfolio/thumbnails/1.jpg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Cardiovascular Disease Analysis
              </div>
              <div class="project-name">
                Analysis of Cardiovascular Disease Dataset Using Python
              </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="https://drive.google.com/drive/folders/1cH3s3MfmYcWkf-5PuQQyEVf4wagjj5Z5?usp=sharing">
            <img class="img-fluid" src="img/portfolio/thumbnails/2.jpeg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Housepricing Analysis
              </div>
              <div class="project-name">
                Statistical Analysis of Housing Prices Using Excel
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="https://drive.google.com/drive/folders/1iXTYgfr11IQugQ1Q4O8KE3nXKGx2N1y3?usp=sharing">
            <img class="img-fluid" src="img/portfolio/thumbnails/3.jpg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Lariat Fleet Analysis
              </div>
              <div class="project-name">
                Predictive Analytics Using Excel
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="https://drive.google.com/drive/folders/1iIMsUtdX1lVSAiQNdXvnZq9RAnp4hiog?usp=sharing">
            <img class="img-fluid" src="img/portfolio/thumbnails/4.jpg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Category
              </div>
              <div class="project-name">
                Project Name
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="https://drive.google.com/drive/folders/1iIMsUtdX1lVSAiQNdXvnZq9RAnp4hiog?usp=sharing">
            <img class="img-fluid" src="img/portfolio/thumbnails/5.jpg" alt="">
            <div class="portfolio-box-caption">
              <div class="project-category text-white-50">
                Category
              </div>
              <div class="project-name">
                Project Name
              </div>
            </div
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a class="portfolio-box" href="https://drive.google.com/drive/folders/1iIMsUtdX1lVSAiQNdXvnZq9RAnp4hiog?usp=sharing">
            <img class="img-fluid" src="img/portfolio/thumbnails/6.jpg" alt="">
            <div class="portfolio-box-caption p-3">
              <div class="project-category text-white-50">
                Category
              </div>
              <div class="project-name">
                Project Name
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </section>

我认为我在这里丢失了导致错误的关键代码。有什么建议吗？！

Answer 1

只需尝试其中之一，而不是

<a class="portfolio-box" href="https://drive.google.com/drive/folders/1cH3s3MfmYcWkf-5PuQQyEVf4wagjj5Z5?usp=sharing">

使用

<a class="portfolio-box" href="https://drive.google.com/drive/folders/1iIMsUtdX1lVSAiQNdXvnZq9RAnp4hiog">

看看是否可行