Сайт начальной загрузки с модалами не появляется до полной загрузки? - PullRequest
Новая
       10

Сайт начальной загрузки с модалами не появляется до полной загрузки?

0 голосов
/ 22 ноября 2018

В настоящее время я использую этот шаблон Bootstrap: Шаблон агентства Bootstrap

Шаблон использует модалы и не показывает ничего на странице, пока все не будет полностью загружено.(Пустая белая страница, пока не будут загружены все изображения.)

Я ищу способ запретить загрузку изображений в модальных моделях, пока не будет нажата модальная кнопка.Я хочу сократить время загрузки.

Заранее благодарю за любую помощь. 

<div class="col-md-3 col-sm-4 portfolio-item">
        <a class="portfolio-link" data-toggle="modal" href="#logo">
          <div class="portfolio-hover">
            <div class="portfolio-hover-content">

            </div>
          </div>
          <img class="img-fluid" src="img/logo-t.jpg" alt="">
        </a>

      </div>


 <!-- Modal 5 -->
<div class="portfolio-modal modal fade" id="logo" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="close-modal" data-dismiss="modal">
        <div class="lr">
          <div class="rl"></div>
        </div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <div class="modal-body">
              <!-- Project Details Go Here -->

              <img class="img-fluid d-block mx-auto" src="img/logos.jpg" alt="">

              <button class="btn btn-primary" data-dismiss="modal" type="button">
                <i class="fas fa-times"></i>
                Close Project</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
...