PTT
Submit
Submit
选择语言
正體中文
简体中文
PTT
Web_Design
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,css
a9他是直接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的外挂..当然也可以自己写XD
http://factory.brainleaf.eu/jqueryIntroLoader/demo/
http://jsfiddle.net/v8dpwyx5/5/
简单的写法
继续阅读
[问题] 利用javascript取出table和checkbox
lueichun
[问题] 批次删除某段程式码
markcup0542
[问题] 将整数转换为光谱上的色码
lturtsamuel
[问题] PHP system在windows server上乱码
gra230434
[问题] 关于DDOS处理建议
iPod6
[闲聊] 开心~看了板上的SEO讨论串,实做有了结果!
kingoface
[问题] 放网页设计作品的地方?
heavenbetula
[心得] 如何让接口中的动画设计较容易被实现?
jeremy0417
[问题] 在主管电脑显示的问题
tingmeow
[问题] 网站询价
yorock
Links
booklink
Contact Us: admin [ a t ] ucptt.com