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