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

时间:2019-11-08 22:31:06

标签: html css portfolio

我正在创建一个投资组合,并且一直在尝试使此投资组合框打开指向我在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>

我认为我在这里缺少导致错误的关键代码。有什么建议吗?!

1 个答案:

答案 0 :(得分:0)

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

<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">

看看是否可行