作者virgin7 ()
看板Web_Design
标题Re: [问题] RWD大图会先load原始尺寸再顿一下缩放
时间Tue Jul 28 19:08:22 2015
前辈们～档案来也～
故意找了张很大的图，比较看得出来
它是原图都load完之後才瞬间变成width:100%
该怎麽略过那个＂load原图＂的过程
或者是在load的时候就直接以width:100%去load呢？
谢谢回应的前辈们，感恩～
测试网址在此：
http://oris.tw/test/
ps.前一po忘了加连结，i am sorry....Orz
※ 引述《virgin7 ()》之铭言：
: 各位前辈晚安
: 想请教一下
: 我的网页放了1920x1000的主视觉大图
: 宽设100%，所以网页缩放时
: 大图会自动配合视窗大小缩放
: 但bug是，如果视窗一开始不是max
: 它还是会先load出原尺寸大图
: 在load完的瞬间才会吃到宽100%的设定而缩小
: 过程就是多了那个＂原始尺寸＂的load图过程
: 有想过是不是图k数太大，但换了300k的一样会顿那麽一下
: 要怎麽做才能在小视窗时，load出的图也是宽100%的图而不是原始大图
--
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 220.136.33.118
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1438081706.A.71F.html
1F：推 a926: 你这是用套件？ 我看你的img css没有写你说的width:100% 耶 07/28 19:23
3F：→ oToToT: a9他是直接js去调width lol 07/28 19:27
4F：推 johnsonct: 他是用js去resize 最简单解法就 <img width="100%" 07/30 11:26
5F：推 johnsonct: 正常应该是用css写 07/30 11:36
7F：→ johnsonct: load会等所有soruce(包括image )都读入後才执行 07/30 11:38
8F：→ virgin7: 感谢大家回应，我就是想＂全都LOAD好，页面再出现＂ 07/30 13:24
9F：推 johnsonct: 那你可以去找 preload的外挂..当然也可以自己写XD 07/30 20:12