très simple javascript image charger question

Très nouveau pour javascript ici les gens, alors pardonnez la question de débutant.très simple javascript image charger question

Je veux charger une image très simple et petite avec javascript. Puis-je faire un qui est déclenché par un chargement?

Note: La raison en est que j'ai une section d'un site qui nécessite javascript pour fonctionner correctement. Je veux avoir un petit cercle vert pour montrer à un utilisateur qu'il a installé javascript.

Source

2010-02-05 Joel

Assez simple (pas besoin d'importer une bibliothèque):

<!-- somewhere in your document's <body> tag --> 
<div id="divId"> 

</div> 

<!-- in your document's <head> tag, or a separate .js file --> 
<script> 
// addLoadEvent function for executing JavaScript on page load 
// adds the event in such a way that any previously added onload functions 
// will be executed first. 
function addLoadEvent(func) { 
    var oldonload = window.onload; 
    if (typeof window.onload != 'function') { 
    window.onload = func; 
    } else { 
    window.onload = function() { 
     if (oldonload) { 
     oldonload(); 
     } 
     func(); 
    } 
    } 
} 

addLoadEvent(function() { 
    document.getElementById('divId').innerHTML = "<img src='yourimage.gif' />" 
    // add more code here if necessary 
}); 



</script>

Source

2010-02-05 20:38:42

bien @Anonymous qui dépend si vous faites un petit projet comme un devoir ou un plus grand projet. – jpabluz

Parfait. Merci! – Joel

Ce code suppose que vous n'utilisez pas JQuery.

var preloadedImage;  

function PageIsLoaded(e) 
{ 
    preloadedImage = new Image(); 
    img.src = 'pathToYourImage.jpg'; 
    // preloading 
    img.onLoad = function() { displayImage() }; 
} 

function displayImage() 
{ 
    // Assuming that this id refers to an IMG tag 
    var imgHolder = document.getElementById('imgHolder'); 
    imgHolder = preloadedImage; 
}

Source

2010-02-05 20:39:19 jpabluz

La méthode la plus simple et la plus simple consiste à utiliser une bibliothèque javascript, qui utilise des fonctions de chargement ou de disponibilité. Exemple avec jquery, lancements, lorsque le document est prêt :)

$(function() { 
    $('body').append('<img src="/img/js-is-working.jpg" />'); 
});

Source

2010-02-05 20:52:36

très simple javascript image charger question

Répondre

Questions connexes