页面加载后从不同的服务器加载图像答案

【问题标题】：Load image from different server after page loaded页面加载后从不同的服务器加载图像
【发布时间】：2014-04-03 21:06:59
【问题描述】：

在我的一个页面中，我正在加载由 Wordpress/mshots 生成的图像，这使得页面加载非常缓慢。

页面加载后如何加载此行？

<%= image_tag("http://s.wordpress.com/mshots/v1/http%3A%2F%2F#{project.name}%2F?w=500")%>

更新

我按照cenk ebret的建议修改了我的代码，但仍然没有区别，视图加载速度仍然很慢。

所以新的问题是，如何在页面显示后加载图像，因为此时我的页面只有在所有内容都加载后才会显示。

【问题讨论】：

标签： jquery ruby-on-rails

【解决方案1】：

您可以使用脚本加载图像。

例如：

您有一个具有此 id 的空图像：

<img src="images/empty.png" id="<%=#{project.name}%>">

还有这样的脚本：

<script>
   $(function(){
       $('#<%=#{project.name}%>').attr('src', '<%= image_tag("http://s.wordpress.com/mshots/v1/http%3A%2F%2F#{project.name}%2F?w=500")%>');
   });
</script>

这将在页面加载后起作用。所以，它不会让你的页面变慢。

【讨论】：