Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 异步tweet按钮,图像闪烁_Javascript_Iframe_Twitter_Asynchronous - Fatal编程技术网

Javascript 异步tweet按钮,图像闪烁

Javascript 异步tweet按钮,图像闪烁,javascript,iframe,twitter,asynchronous,Javascript,Iframe,Twitter,Asynchronous,我正在使用tweet按钮,下面是异步Javascript加载代码。当我把它放在HTML的底部时,tweet按钮的背景图像会闪烁,因为它是最后加载的 我注意到在firebug中,它通过iframe拉取该图像,图像是CSS中指定的背景。是否仍要本地加载图像以覆盖iframe中的背景图像 var b = document.createElement('script'); b.type = 'text/javascript'; b.src = ('http://platform.twitter.com/

我正在使用tweet按钮,下面是异步Javascript加载代码。当我把它放在HTML的底部时,tweet按钮的背景图像会闪烁,因为它是最后加载的

我注意到在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);

iframe位于另一个域中,因此您无法触摸它

如果问题在于未加载图像,则可以使用图像预加载程序在页面上加载图像,以便将其缓存

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

最后,我首先通过css在图像顶部加载了一个背景图像,正好是javascript加载图像的位置。然后我隐藏了文本,它现在不会闪烁。