作者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://www.ptt.cc/bbs/Web_Design/M.1438081706.A.71F.html
推 a926: 你這是用套件？ 我看你的img css沒有寫你說的width:100% 耶 07/28 19:23
→ oToToT: a9他是直接js去調width lol 07/28 19:27
推 johnsonct: 他是用js去resize 最簡單解法就 <img width="100%" 07/30 11:26
推 johnsonct: 正常應該是用css寫 07/30 11:36
→ johnsonct: load會等所有soruce(包括image )都讀入後才執行 07/30 11:38
→ virgin7: 感謝大家回應，我就是想＂全都LOAD好，頁面再出現＂ 07/30 13:24
推 johnsonct: 那你可以去找 preload的外掛..當然也可以自己寫XD 07/30 20:12