js图片依次加载

ceclinux 2014-01-13 12:03:32
我在做网页的时候,出现大量的图片,而图片的大小是有要求的。太大的图片要缩小成700px宽,小的图片就按照原来尺寸显示。我的方案如下

现在要求当我显示该页面的时候,图片能一个个加载,而且不跳屏。也就是说,我的图片不会出现刚开始时原始尺寸,然后突然变成了700px宽,而是刚开始出现在用户的面前的时候,就是正确的尺寸(可以一开始就留白),然后一张一张的加载。

最好是jquery的实现,谢谢
...全文
254 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
打字员 2014-01-13
  • 打赏
  • 举报
回复
引用 2 楼 hch126163 的回复:
max-width:700px
+1 LZ,你背后那个粉红色的小物件深深的出卖了你
ceclinux 2014-01-13
  • 打赏
  • 举报
回复
引用 2 楼 hch126163 的回复:
max-width:700px
谢谢,我想复杂了
萧萧可乐 2014-01-13
  • 打赏
  • 举报
回复
2楼正解 不需要特别的去计算每一个的高宽 max-width + max-height 外层的包裹div 设置一个 text-align:center line-height:int
克力 2014-01-13
  • 打赏
  • 举报
回复
貌似设置好宽度后首次打开的时候就按这个来的啊,jquery实现期待会的出现。
hch126163 2014-01-13
  • 打赏
  • 举报
回复
max-width:700px
似梦飞花 2014-01-13
  • 打赏
  • 举报
回复
直接指定img的width和height不行吗? 好像也不跳 记得

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧