如何为桌面和移动设备制作2个不同的图像列表？

Question

我通过媒体查询制作我的网站，使用不同尺寸的图片，以便手机可以快速下载。但是，抱歉，我无法理解如何为Fotorama制作不同的图像列表。 桌面列表：img1（1300x867px），img2，img3 ....手机列表：img1b（480x800px），img2b，img3b，...

Answer 1

我创建了两个带有不同图像列表的Fotorama-div块。第一个 div 有class＆＃34; fotorama low-fi＆＃34;，second div-block - ＆＃34; fotorama hi-fi＆＃34;。带有媒体查询的CSS只显示一个Fotorama 因此，多余的内容不会下载到浏览器

UPD：我是对的，如果你使用“懒加载”http://fotorama.io/customize/lazy-load/
我几乎没有懒惰的权利：在Safari的iPhone上没有加载大图像。在我制作两个div-block之前，iPhone运作缓慢。