[js] Dynamisch laden van figuur

[Verwijderd]

Ik wil een plaatje laden in een document en daar gebruik ik de volgende code voor:

code:

function getGrafiek() {
    var newURL = 'http://www.blaat.nl/grafiek/108/';

    var newImg = new Image();
    newImg.src = newURL;

    document.getElementsByName( 'img_grafiek' )[0].src = newImg.src;
}

Nu is mijn probleem dat het niet werkt .
Het plaatje krijgt wel de goede breedte, maar als je hem wilt zien moet je dat handmatig doen (rechtermuisknop -> Afbeelding weergeven).

[Thijsmans]

Dat ligt dan waarschijnlijk aan je eigen instellingen, want hier werkt hij wel

Ik zou btw toch proberen om niet met names te werken, maar met ID's:

code:

function getGraph(){
 var newUrl = "http://images.tweakers.net/forum/templates/got/images/layout/topb2.gif";
 document.getElementById('img_grafiek').src=newUrl;
}

btw, waarom een nieuw object aanmaken, een src toewijzen, en vervolgens diezelfde src weer ophalen om ergens anders voor te gebruiken

[Clay]

omdat het zo gecached wordt

[crisp]

Clay schreef op 14 January 2003 @ 20:31:
omdat het zo gecached wordt

ja, maar als je de src direct aan je image-element toekent dan wordt 'ie ook wel gecached; dit soort dingen hebben alleen zin als preloader, of wanneer je het onload event gebruikt om het plaatje pas te laten zien als het volledig geladen is:

JavaScript:

var newImg;
function getGrafiek() {
  var newURL = 'http://www.blaat.nl/grafiek/108/';

  newImg = new Image();
  newImg.onload = showGrafiek;
  newImg.src = newURL;
}

function showGrafiek() {

  document.getElementById('img_grafiek').src=newImg.src;

}