预加载CSS图像
我有一个隐藏的联系表单，单击该按钮即可进行部署。它的字段设置为CSS背景图像，它们的出现时间总是比已切换的div晚一点。
我在本<head>节中使用了此代码段，但运气不好（清除缓存后）：
<script>
$(document).ready(function() {
pic = new Image();
pic2 = new Image();
pic3 = new Image();
pic.src="<?php bloginfo('template_directory'); ?>/images/inputs/input1.png";
pic2.src="<?php bloginfo('template_directory'); ?>/images/inputs/input2.png";
pic3.src="<?php bloginfo('template_directory'); ?>/images/inputs/input3.png";
});
</script>
我正在使用jQuery作为我的库，如果我也可以使用它来解决此问题，那将很酷。
多谢您的光临。
问题答案：
我可以确认我的原始代码似乎有效。我随便坚持使用错误路径的图像。
<script>
var pic = new Image();
var pic2 = new Image();
var pic3 = new Image();
pic.src="images/inputs/input1.png";
pic2.src="images/inputs/input2.png";
pic3.src="images/inputs/input3.png";
</script>
-
问题内容： 我正在寻找一种快速简单的方法来用JavaScript预加载图像。如果重要的话，我正在使用jQuery。 但是，对于我想要的东西来说似乎有点过高了！ 我知道那里有执行此操作的jQuery插件，但它们看上去都很大（大小）；我只需要一种快速，轻松和简短的方式来预加载图像！ 问题答案： 快速和简单的： 或者，如果您想要一个jQuery插件：
-
问题内容： 我在下面编写的功能是否足以在当今大多数（如果不是全部）浏览器中预加载图像？ 我有一个图像URL数组，可以循环访问这些URL，并为每个URL 调用该函数。 问题答案： 是。这应该适用于所有主要的浏览器。
-
所谓的预加载技术就是在用户尚未触发页面跳转时，提前创建目标页面，这样当用户跳转时，就可以立即进行页面切换，节省创建新页面的时间，提升app使用体验。mui提供两种方式实现页面预加载。 方式一：通过mui.init方法中的preloadPages参数进行配置. mui.init({ preloadPages:[ { url:prelaod-page-url,
-
问题内容： 我有一个CoreBundle，其中包含主要的CSS文件和图像。现在，当我从CSS加载图像时出现问题；图片未显示。 （可以使用完整路径） 我使用以下命令安装了资产：我可以在下看到图像和CSS文件。 这是核心捆绑包中的文件结构： 这是我将css文件加载到模板中的方法： 提前谢谢你的帮助。 问题答案： 使用Assetic捆绑包中的过滤器 在config.yml中： 然后像这样调用样式表： 哦
-
我正在使用这个插件jQuery延迟内容、图像和背景延迟加载程序 我尝试在延迟加载后向图像添加图像边框颜色和图像边框厚度，但似乎没有效果。若我在开发者控制台按“inspect”，我可以看到这个属性被添加到图像样式中，但它的效果并没有显示在屏幕上。 超文本标记语言 JQuery
-
问题内容： 我已经按照所有的教程讲完话了。我在CSS样式表中的身体内部指定了背景，但是页面仅显示空白的白色背景。图片与.html和.css页面位于同一目录中。本教程说 已弃用，所以我在CSS中使用 没有成功。这是整个CSS样式表： 问题答案： 这是另一个图片网址结果..工作正常…我只是放了一个图片路径..请检查一下..