【问题标题】:Background image loaded on page change页面更改时加载的背景图像
【发布时间】:2014-05-10 12:51:50
【问题描述】:

我的整个 Web 应用程序都有相同的背景图片(多页而不是单页)。在不使用 ajax 的情况下,背景图片是否可能在内部链接更改时保持加载?(我不想在两者之间看到空白页加载页面)

提前谢谢你。

【问题讨论】:

  • 您是使用 ajax 加载页面还是仅使用简单的 html/php 加载页面?如果只是php/html,换页时总是会看到黑屏
  • html,data-ajax="false".
  • 你为图片设置了什么缓存控制?
  • 我想最好的方法是使用像Pjax这样的jQuery插件。否则,您必须关注网站性能。减小文件大小,删除不必要的代码块和文件,缓存图像等。祝你好运!

标签: javascript html css background background-image


【解决方案1】:

我想纯粹从理论上讲,在解析器将新内容加载到容器中时,在更改背景之间总是会有差距。只是发动机的速度会阻止您注意到这一点。但是......我也猜你知道如何在 css 中改变你的身体背景图像。总而言之,您的问题并不像我多余的答案那样特别精确。

这是我在 jQuery 中用于(其中一个)我的网站的命题:

image.fadeOut(300, function(){
if($(window).width()==1920){
image.css("background", "url('../your_pic_here.jpg')");
image.fadeIn(2200);
}

想想淡入淡出的东西,它可能会对你的应用程序有所帮​​助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多