今天要解决一个图片加载完成之前显示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();
}