2011-04-27 5 views
0

좋아요. jquery javascript를 사용하여 .load() 이벤트를 추가 할 예정입니다. 누군가가 나를 도와 줄 수 있기를 바랍니다. 당신이 Imagesrc 속성을 설정하기 전에내 코드가있는 jQuery로드 이벤트

$(function() { 

    $('#nav li a img').each(function() { 
    var originalSrc = this.src, 
     hoverSrc = originalSrc.replace(/\.(gif|png|jpe?g)$/, '_over.$1'); 
     image = new Image(); 

    image.src = hoverSrc; 

    $(this).hover(function() { 
     this.src = hoverSrc; 
    }, function() { 
     this.src = originalSrc; 
    }); 
    }); 
}) 
+0

설명서를 보았습니까? 예가 있습니다 : http://api.jquery.com/load-event/ –

+0

예, 이것은 다소 알렉스와 저 사이에 있을지 걱정하지 마십시오. – Jason

+0

Stack Overflow 질문은 누군가가 주석 처리/답변 할 수 있기 때문에 그렇게 말하는 것이 적절하지 않습니다. @Felix @ Jason이 jQuery와 그의 이전 질문에서 이미지 로딩을 돕는 데 대해 조금 의견을 말했습니다. – alex

답변

2

는 이미지가로드에 성공했다

image.onload = function() { 
    // The image has loaded successfully. 
} 

, 그 함수를 호출합니다 ...과 같이 콜백을 연결합니다.

함수가 성공하지 못하면 onerror 속성에 지정된 함수를 호출합니다.

또는 $(image).load(function() { ... })을 사용할 수 있습니다.

+0

게시 한 후에 내 게시물을 편집 했습니까? 내가 편집 한 직후에 실제로 했어. 그렇다면이 코드는 내/자신의 코드에서 어디로 이동합니까? – Jason

+0

맞습니다. 이전 코드를 {} – Jason

+0

@ Jason 안에 넣기 만하면됩니다.'src' 속성을 설정하기 전에 놓으십시오. 그러나 * after * 당신은'image'를 인스턴스화했습니다. 그래서'image.src = hoverSrc;'줄 바로 앞에 놓으십시오. – alex