我想在加载所有图像后触发一个事件。而且,我想将每个图像标签附加到特定div#ID
的 s,例如:
image01.jpg -> <div id="load01"></div>
image02.jpg -> <div id="load02"></div>
image03.jpg -> <div id="load03"></div>
...
我卡在中间了...
HTML
<div id="blinker0">Smooth Blink</div>
<div class="profile" id="blinker1"></div>
<div class="profile" id="blinker2"></div>
<div class="profile" id="blinker3"></div>
<div class="profile" id="blinker4"></div>
<div class="profile" id="blinker5"></div>
JS:
function smBlink(){
for(i=0;i<3;i++) {
$("#blinker0,#blinker1, #blinker2, #blinker3, #blinker4, #blinker5")
.fadeTo('normal', 0.3)
.fadeTo('normal', 1.0);
}
}
$('<img />')
.attr('src', 'http://placekitten.com/160/160')
.load(function(){
$('#blinker1').append( $(this) );
smBlink();
});
现场样本:http: //jsfiddle.net/nori2tae/E4erT/
我参考了这个网站:http: //jquery-howto.blogspot.jp/2009/02/preload-images-with-jquery.html