2013-12-09 78 views
0

我有一個很大的圖像,它是全寬和全高,我有一個jQuery腳本與document.ready,但腳本仍然在圖像加載之前運行。我能否以另一種方式準備聲明以便加載圖像?jQuery在資產加載時運行

$(document).ready(function(){ 
var currWidth = $(window).width(); 
console.log(currWidth); 

var startPos = -100; 
var endPos = (currWidth/2) + (startPos/2); 
console.log(endPos); 
$('#welcome').animate({left: endPos}, 1000); 
}); 

http://jsfiddle.net/KtUEL/151/

回答

0

$(窗口).load(函數(){

這代替的document.ready這完全加載DOM和所有資產的document.ready只是加載頁面。

感謝!

解決

+0

澄清; '$(document).ready(function)'或者'$(function)'在DOM加載時運行,'$(window).load(function)'在加載事件觸發時運行。 –

0

你也可以這樣做,因爲通過onload事件圖片的HTML的一部分:

<img src="..." onload="myFunction()" /> 

這將觸發時特定圖像加載,而當整個頁面加載比myFunction的。