페이지가 표시되기 전에 JQuery에서 그림을 바꾸는 방법

다음 원본을 가져 와서 이미지 소스를 바꾼다. 그러나 현재 이것은 페이지가로드 된 후에 발생하므로 사용자는 올바른 이미지로 전환하기 전에 한 장의 사진을 보는 데 몇 초의 시간이 걸립니다.페이지가 표시되기 전에 JQuery에서 그림을 바꾸는 방법

<script> 
window.onload = function() { 
    var winnerName = $("#leaderboard tr td:eq(1)").text().trim(); 

    $("#pictureDiv img").attr("src", "/Content/Images/" + winnerName + ".jpg"); 
}; 
</script>

로드하기 전에 어떻게 이미지를 전환 할 수 있습니까?

<script> 
$(function() { 
    var winnerName = $("#leaderboard tr td:eq(1)").text().trim(); 

    $("#pictureDiv img").attr("src", "/Content/Images/" + winnerName + ".jpg"); 
}); 
</script>

하지만이)

출처

2015-01-31 Sperick

내가 두려워 그것의 가능하지 않다

$(function() { var winnerName = $("#leaderboard tr td:eq(1)").text().trim(); var imgElement = $('<img>').attr("src", "/Content/Images/" + winnerName + ".jpg"); $("#pictureDiv").append(imgElement); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="pictureDiv"></div>

는, DOM 준비는 스와핑을 할 jQuery를 사용할 수 있습니다 후 css'와'html'는 초기 상태를 달성하기 위해'사용합니다. – Saqueib

이렇게 해보십시오 -> ** http : //jsfiddle.net/mq876tbL/2/** – adeneo

모두 창로드 또는 jQuery의 $ (함수 (발생 똑같은 결과 ... 함수 만 호출됩니다

참고 나는 또한 시도했다 페이지가 완전히로드 될 때. 당신이 얻을 수있는 가장 가까운

<img src="..." onload="function() {...}">

. 이미지가 핸들러를 온로드에 기능을 추가하는 것입니다하지만 난 여전히 발생합니다 같은 의심.

자바 스크립트를 사용하여 이미지의 src를 설정해야하는 경우 다음과 같이 이미지를 동적으로 만들고 필요에 따라 추가 할 수 있습니다.

출처

2015-01-31 18:56:38 wnbates

페이지가 표시되기 전에 JQuery에서 그림을 바꾸는 방법

답변

관련 문제