Javascript html幻灯片中的所有图像会一次下载吗？

我需要在我的AngularJS应用程序中对图像进行幻灯片放映。我将把图像存储在远程服务器中

我计划用css做一个简单的图像幻灯片，类似这样的东西。我没有在这方面实现angularjs。我将使用

ng repeat

在视图中创建图像

<div class="mySlideShow">
  <img class="mySlide" src="http://www.example.com/img1.jpg">
  <img class="mySlide" src="http://www.example.com/img2.jpg">
  <img class="mySlide" src="http://www.example.com/img3.jpg">
  <div class="w3-center w3-display-bottommiddle" style="width:100%">
    <div onclick="loadImg(-1)">&#10094;</div>
    <div onclick="loadImg(1)">&#10095;</div>
  </div>
</div>

❮
❯

我将在服务器中有50多个映像

我的问题是，是一次加载所有图像，还是只在它们出现时加载

---

如果它们将立即加载，我如何才能使其仅在它们进入视图时加载？我不希望应用程序一次加载所有图像。如果可能的话，我想使用javascript或angularjs而不是jquery来实现它

简而言之，答案是肯定的。ng repeat会将所有这些图像标记放入HTML源代码中，浏览器在加载该页面时会对每个图像发出网络请求