今天测试一个焦点图。

网速快当然没话说，但是1、20K的速度的话，bug就暴露了。

<div class="foc" id="foc">，，，这是wrapper
    <div class="fpc" id="fpc">，，，这是relative
        <ul>，，，这是absolute
            <li><a href=""><img src="img/foc1.jpg" /></a></li>
            <li><a href=""><img src="img/foc2.jpg" /></a></li>
            <li><a href=""><img src="img/foc3.jpg" /></a></li>
            <li><a href=""><img src="img/foc4.jpg" /></a></li>
            <li><a href=""><img src="img/foc5.jpg" /></a></li>
            <li><a href=""><img src="img/foc6.jpg" /></a></li>
        </ul>
    </div>
</div>


ul是绝对定位，所以fpc会塌陷，我就用js做了fpc的高度从ul获取，但是弱网的话，，，当js从ul获取高度时，img只是成功载入了个标签，图片内容根本没载入（完成），，，，所以ul的高度当时是0，但是js还是执行了，于是fpc的值就是，，，0

那么解决办法就是推迟那段js执行的时间，问题是推迟多久呢，这可说不准呢，每个弱网用户的实际情况都不同。

所以终极解决办法，就是1，window.onload，，，2，用setInterval来循环判断图片们，只要有一张图片载入完成，即可停止setInterval并执行获取高度的那段js


不过，我想，是不是我想太多了，现在是不是都不考虑弱网用户的情况了。。。

thx
--
FROM 111.47.249.*