Re: [問題] RWD大圖會先load原始尺寸再頓一下縮放

看板Web_Design作者時間10年前 (2015/07/28 19:08), 編輯推噓5(506)
留言11則, 4人參與, 最新討論串2/2 (看更多)
前輩們~檔案來也~ 故意找了張很大的圖,比較看得出來 它是原圖都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

07/28 19:23, , 1F
你這是用套件? 我看你的img css沒有寫你說的width:100% 耶
07/28 19:23, 1F

07/28 19:26, , 2F
07/28 19:26, 2F

07/28 19:27, , 3F
a9他是直接js去調width lol
07/28 19:27, 3F

07/30 11:26, , 4F
他是用js去resize 最簡單解法就 <img width="100%"
07/30 11:26, 4F

07/30 11:36, , 5F
正常應該是用css寫
07/30 11:36, 5F

07/30 11:36, , 6F
改原po code要用 ready http://jsfiddle.net/bL6w79yo/
07/30 11:36, 6F

07/30 11:38, , 7F
load會等所有soruce(包括image )都讀入後才執行
07/30 11:38, 7F

07/30 13:24, , 8F
感謝大家回應,我就是想"全都LOAD好,頁面再出現"
07/30 13:24, 8F

07/30 20:12, , 9F
那你可以去找 preload的外掛..當然也可以自己寫XD
07/30 20:12, 9F

07/30 20:23, , 11F
07/30 20:23, 11F
文章代碼(AID): #1LjsAgSV (Web_Design)
文章代碼(AID): #1LjsAgSV (Web_Design)