2010-10-15 5 views
0

J'utilise le bouton tweet, avec ce code de chargement Javascript asynchrone ci-dessous. Quand je le place en bas de mon HTML, l'image de fond du bouton tweet scintille, car elle est chargée en dernier.bouton de tweet asynchrone, image scintille

J'ai remarqué dans firebug qu'il tire ceci via un iframe et l'image est un arrière-plan spécifié en CSS. Est-il de toute façon de charger l'image localement pour remplacer l'image d'arrière-plan dans le iframe? Iframe est dans un autre domaine, donc vous ne pouvez pas le toucher.

var b = document.createElement('script'); 
b.type = 'text/javascript'; 
b.src = ('http://platform.twitter.com/widgets.js'); 
var a=document.getElementById("deferedjs"); 
a.parentNode.insertBefore(b,a); 

Répondre

0

Si le problème n'est pas lié au chargement de l'image, vous pouvez charger l'image sur votre page avec un préchargeur d'image afin qu'elle soit mise en cache.

var img = new Image(); 
img.onload = img.onerror = function(){ alert('hello'); } 
img.src = "http://example.com/imgs/someImage.png"; 
+0

Je fini par charger une image de fond d'abord par le haut de css l'image à l'endroit exact où le javascript charge l'image. J'ai alors caché le texte et il ne scintille pas maintenant. –