从下到上加载图像?

Tru*_*gDQ 6 html javascript css browser image-loading

是否可以从下到上加载图像?

假设我有一个很长很长的图像,需要60秒才能加载.内容可以从上阅读,我可以做任何事情使浏览器从下到上加载我的图像,以便用户可以在图像加载时读取它吗?

谢谢,

这是一个与这个问题相关的有趣的" AAAAAND ITS GONE "模因.

AAAAAA和它的消息


感谢所有回答我问题的人,以下是我总结的一些解决方案:

解决方案1 :( Derek的回答)

翻转图像,然后显示-webkit-transform: scaleY(-1);

演示:http://jsfiddle.net/Nk6VP/

解决方案2(aloisdg的答案)

使用BMP格式,这种方式浏览器将"向上"加载图像,但BMP不是保存大图像的好文件类型,但它仍然是一个很好的尝试,因为您不需要在服务器端翻转图像.

演示:http://jsfiddle.net/dfbPz/

(请禁用缓存以查看演示中的加载)

alo*_*ica 2

事实上,你可以。只需使用BMP格式即可。这种格式是从底部开始存储的。

您可以在此处找到向上加载图像的示例。(您必须单击“位图和 .rle 图像”按钮才能显示示例。)

来自fileformat.info的位图文件格式:

[关于文件头结构] 如果 Height 为正数,则图像是一个“自下而上”的位图,原点位于左下角。如果高度为负数,则图像是“自上而下”的位图,原点位于左上角。

您可以在 SOthis one中找到有关此主题的更多信息。

  • 我想指出的是,BMP 缺乏 JPG 文件的显着压缩能力。如果 JPG 需要 60 秒加载,请确保测试 BMP 需要多长时间...... (5认同)