Javascript 如何修复Fotorama中图像之间的延迟？

所以我有一系列的图像在我的图像滑块从Fotorama。我的问题是 我想，第一次在不同的幻灯片之间切换时会有一个非常小的延迟，因为我的图像都非常大。有没有办法通过javascript或html/css轻松解决这个问题？我阅读了他们关于“延迟加载”的文档，但我不确定这是否真的适用于我想做的事情。如有任何建议，将不胜感激

    <div class="fotorama"
    data-margin="0"
    data-transition="slide"
    transition-duration="0ms"
    data-keyboard="true"
    data-swipe="true"
    data-click="false"
    data-width="100%"
    data-height="95%"
    data-ratio="3/2">

    <img src="images/bgardenflower2.jpg">
    <img src="images/yellowflower.jpg">
    <img src="images/lushflower.jpg">
    <img src="images/flowerbee.jpg">
    <img src="images/fly.jpg">
    <img src="images/bgardenflower1.jpg">
    <img src="images/toad.jpg">
    <img src="images/algae.jpg">
    <img src="images/lushscape1.jpg">
    <img src="images/westvirginia1.jpg">
    <img src="images/westvirginia2.jpg">
    <img src="images/duskbridge.jpg">
    <img src="images/lighthouse.jpg">
    </div>

---

使用photoshop，您可以将图像保存为webformat格式，这样图像的大小将减小并快速加载