是否可以立即下载html幻灯片中的所有图像？

Question

我需要在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来实现它。