Javascript 单击链接时预加载图像（&A）；在Angularjs中预加载后跟随链接

在我使用Ionic Framework的应用程序中，在

event detail.html

上，我有以下内容：

<ion-view view-title="{{event.name}}">
  <ion-content class="padding">
    <p>
      {{event.name}}
    </p>
      <a class="button icon icon-right ion-chevron-right" href="#/tab/event-desc/{{event.ID}}">About</a><br /><br />
      <a class="button icon icon-right ion-chevron-right" href="#/tab/event-schedule/{{event.ID}}">Schedule</a>
  </ion-content>
</ion-view>

这很好，但有时会有大约8个图像显示（即下载）

是否可以在显示过渡效果和下一页之前预加载图像

因此，基本上，我正在寻找一种方法，当我按下

event detail.html

上的链接时，会显示一个加载微调器。加载图像时，微调器消失，用户被带到

event schedule.html

我是新手，所以非常感谢您的帮助

<div class="card" ng-repeat="s in schedule" ...>
<img width="100%" ng-src="{{s.mainImageUrl.EN}}">
...
</div>