11548 sujets

JavaScript, DOM et API Web HTML5

Voilà ce que je veux faire :
-je crée un nouveau noeud (ou node) image dans ma page html
-l'image se charge et prend une certaine place en verticale
-la barre de scrolling se déplace de la hauteur de l'image

En local ça marche mais sur le web l'action de scroll est executée avant que l'image soit chargée. Du coup le scroll ne marche pas.

Que faut il faire pour que tout s'execute dans le bon ordre ?

Voici le code (syntaxe prototype) :

function new_img () {
	$('plus').observe('click', function(){
			var newimg=new Element('img', { 'src': base_img[my_img] });
			$('folio').insertBefore(newimg,$("plus"));

			window.scrollTo(0,window.pageYOffset+newimg.height);
	});
}
Tiens je suis en train de me dire qu'en préchargeant les images ça peut marcher... Smiley murf

edit: non, ça marche sur safari mais pas firefox
Modifié par marlwin (10 Apr 2009 - 16:52)
Salut,

Et en indiquant auparavant la taille de ton image avec les attributs html height et width de <img />, ca ne marche pas ?

Parce que la, meme si ton image n'est pas charge un cadre vide avec les bonnes dimensions s'affichera.