关于图片加载问题

今天要解决一个图片加载完成之前显示loding图片的问题,开始我试了常用的几种方法,但是完全不达标。很苦恼,旁边还坐着大师,心里也很忐忑。

后来实在解决不了,只能求助大师,一语点破。

写两个img标签,一个显示loding图片,一个显示要加载的图片。后者加上onload事件。

onload事件执行一个函数,这个函数就是loding图片在图片加载未完成之前显示,完成后隐藏。

针对问题,这个办法完美得把它解决了。


完了我万分后悔,之前也试过onload事件,但是执行函数时,用的$(this)寻找同胞img标签,这样看似没有问题,但是没有结果,所以,当时给放弃了。

大师说用onload事件后,我把$(this)换成指定id,没想到这一换,就出来结果了。。。心里那个泪奔呀,

唉,不说了,面壁去。


代码:

<img src="/Content/image/loding.gif">
 <img οnlοad="showT()" style="width:50%;height:auto" id="bigimg" src="">



function showO(){
        $(".smallimg").siblings("img").hide();
    }
    function showT(){
        $("#bigimg").siblings("img").hide();
    }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值