Javascript 防止传单弹出窗口中的图像缓存？

因此，我有一个Python web服务，它使用Folium/sploate.js创建地图。每个打印点都是带有自定义弹出窗口的标记：

folium.Marker(
            location=(row['lat'], row['lng']),
            icon=folium.Icon(color=color_mapper[type]),
            popup=folium.Popup(f'<p>{info_str} taken at {row["time"]} <br> \
                                    Description: {row["description"]}</p> \
                                    <img src={row["photoURL"]} width=300 height=500>'),
                tooltip=info_str
)

folium.Marker(
位置=（第['lat']行，第['lng']行），
icon=folium.icon（color=color\u mapper[type]），
popup=folium.popup（f'{info_str}在{row[“time”]}拍摄
\
描述：{row[“Description”]}
\
'),
工具提示=info\u str
)

当前，生成的HTML映射尝试预加载标记中提供的所有图像URL。如果加载超过3GB的图像，这可能会导致灾难性后果，从而延迟地图分幅和数据点的加载

问题：是否有办法阻止HTML在弹出窗口中预缓存图像，并仅在弹出窗口打开时加载图像？

我想到了一些js脚本，我可以一代又一代地注入到页面中，然后再上传到我们的CDN中来改变行为，但到目前为止，我的努力在构建这个页面方面是徒劳的