2010-10-15 2 views
0

Я использую кнопку твита, с этим асинхронным кодом загрузки Javascript. Когда я помещаю его в нижней части моего HTML, фоновое изображение твитовой кнопки мерцает, потому что оно загружается последним.асинхронная кнопка твит, изображение мерцает

Я заметил в firebug, это тянет это через iframe, а изображение - это фон, указанный в CSS. Есть ли в любом случае, чтобы загрузить изображение локально, чтобы переопределить фоновое изображение в iframe?

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); 

ответ

0

iframe находится в другом домене, поэтому его нельзя трогать.

Если проблема заключается в том, что изображение не загружается, вы можете загрузить изображение на своей странице с предварительным загрузчиком изображений, чтобы он был кэширован.

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

В итоге я загрузил фоновое изображение с помощью css поверх изображения в точном месте, где javascript загружает изображение. Затем я спрятал текст, и теперь он не мерцает. –

Смежные вопросы