使用图像预加载页面以获得最佳用户体验的最佳方式

时间:2012-11-28 23:15:29

标签: php jquery caching preloader

我正在创建一个网站,其中有许多页面可以使用next和prev按钮滚动浏览。我首先创建了一个java幻灯片,然后在那里为每个图像创建主题标签和后续的社交类似按钮存在很多问题。我放弃了这个框架,因为1)关闭JS的用户根本无法享受这些图像2)这对我来说很痛苦。

我现在拥有的是许多页面的集合,上面有一个图像,每个下一个按钮都有一个指向下一页的链接。

除了预加载的图像(标题,旁白和页脚不“闪烁”)之外,使页面转换看起来没什么变化的最佳方法是什么?很像funnycatpix.com/_pics/Cat_Lookout.htm

请记住,我不想使用iframe或ajax,我希望将jquery保持在最低限度。我的服务器上也有PHP 5。

我是否要缓存下一页的图像?我是否要缓存整个下一页?我是否将标题控件更改为扩展缓存生命周期?

1 个答案:

答案 0 :(得分:0)

没有看到任何代码,我无法提供很多具体的帮助。您可以使用以下方法轻松缓存图像:

$("<img>").attr('src', imageSource);

这可用于预加载图像,因此您可以执行的操作是在页面加载或每次单击“下一步”时预加载“下一页”页面上显示的图像。