预加载CSS图像

一尘不染

预加载CSS图像

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作为我的库，如果我也可以使用它来解决此问题，那将很酷。

多谢您的光临。

阅读 218

2020-05-16

共1个答案

一尘不染

我可以确认我的原始代码似乎有效。我随便坚持使用错误路径的图像。

<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>

2020-05-16