javascript - 如何修复 Fotorama 中图像之间的滞后？

Question

所以我的图像 slider 中有一系列来自 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>

Answer 1

使用 photoshop 可以将图像保存为 web 格式，因此图像大小会减小并且加载速度很快......