I need a solution to preload all images on the page when the routing changes. Currently, the images I am using are stored locally and loading only when scrolling, which is not ideal. I want the images to be loaded on page mount rather than when scrolling.
<div class="text-center" style="margin-top: 10vh;">
<v-layout row wrap justify-center>
<v-flex
md12
align-self-center
data-aos-easing="linear"
data-aos-delay="100"
data-aos="fade-up"
data-aos-duration="1500"
>
<v-img
contain
height="90vh"
src="../assets/chamika_house/_SDS3575.jpg"
></v-img>
</v-flex>
</v-layout>
</div>
<div style="width:99vw;height:36vh;padding:10px"></div>
<div>
<v-img
contain
height="95vh"
src="../assets/chamika_house/_SDS3429.jpg"
data-aos="fade-up"
data-aos-easing="linear"
data-aos-delay="100"
data-aos-duration="1500"
></v-img>
</div>