在没有AJAX的情况下在悬停时在导航中加载图像

时间:2013-07-01 13:39:40

标签: javascript performance pageload

如何加载像亚马逊这样的图像,只要触发飞出,“背景”图像就会在飞出时开始加载?

我已经搜索过这方面的负载,并且每种方法似乎都围绕着简单地显示隐藏的图像/元素或使用AJAX加载。

我的问题是我们用来跟踪网站性能的工具,加载隐藏的和/或AJAX内容(至少:这是我告诉过的,这是AJAX)并测量内容作为初始加载 - 页面加载速度是我们的主要KPI之一,我们用来跟踪它的工具已经被接受为标准...所以我必须找到一种方法只在鼠标输入或悬停时加载内容,因此显着减轻页面大小(像亚马逊一样)。一旦图像加载完毕,它们就需要保留在DOM中,直到刷新页面为止。

有什么想法吗?

1 个答案:

答案 0 :(得分:-1)

你可以在悬停事件中触发ajax并获取图像的url并将其注入图像标记的src属性