Re: [问题] RWD大图会先load原始尺寸再顿一下缩放

楼主: virgin7   2015-07-28 19:08:22
前辈们~档案来也~
故意找了张很大的图,比较看得出来
它是原图都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%的图而不是原始大图
作者: a926 (Aaron)   2015-07-28 19:23:00
你这是用套件? 我看你的img css没有写你说的width:100% 耶
作者: oToToT (屁孩)   2015-07-28 19:26:00
所以你用CSS了吧 http://jsbin.com/sefoxe/edit?html,cssa9他是直接js去调width lol
作者: johnsonct (Jct)   2015-07-30 11:26:00
他是用js去resize 最简单解法就 <img width="100%"正常应该是用css写改原po code要用 ready http://jsfiddle.net/bL6w79yo/load会等所有soruce(包括image )都读入后才执行
楼主: virgin7   2015-07-30 13:24:00
感谢大家回应,我就是想"全都LOAD好,页面再出现"
作者: johnsonct (Jct)   2015-07-30 20:12:00
那你可以去找 preload的外挂..当然也可以自己写XDhttp://factory.brainleaf.eu/jqueryIntroLoader/demo/http://jsfiddle.net/v8dpwyx5/5/ 简单的写法

Links booklink

Contact Us: admin [ a t ] ucptt.com