Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我是否通过清单和CSS加载了两次图像?_Javascript_Createjs - Fatal编程技术网

Javascript 我是否通过清单和CSS加载了两次图像?

Javascript 我是否通过清单和CSS加载了两次图像?,javascript,createjs,Javascript,Createjs,关于使用createjs和在清单中加载图像,我有一个问题。在下面的示例中,两个图像都显示在一个带有css类.background的div中。我的问题是//B图像是否在css中重新加载,因为我只使用清单中的路径并在css中设置背景图像属性?使用清单加载图像的原因是,首先下载所有图像,然后显示页面。如果image2在清单中加载两次,一次在css中加载一次,那么它就不能正常工作 manifest = [ {src:"images/img1.jpg", id:"image1"},

关于使用createjs和在清单中加载图像,我有一个问题。在下面的示例中,两个图像都显示在一个带有css类.background的div中。我的问题是//B图像是否在css中重新加载,因为我只使用清单中的路径并在css中设置背景图像属性?使用清单加载图像的原因是,首先下载所有图像,然后显示页面。如果image2在清单中加载两次,一次在css中加载一次,那么它就不能正常工作

 manifest = [
      {src:"images/img1.jpg", id:"image1"},
      {src:"images/img2.jpg", id:"image2"},
 ]

 loader = new createjs.LoadQueue(false);
 loader.loadManifest(manifest);

 loader.on("complete", handleComplete, this);

 function handleComplete(){
      //A
      var _img1 = loader.getResult("image1");
      $(".background").append(_img1);//writes <img> into .background div
      //B
      var _img2 = loader.getResult("image2");
      $(".background").css({"background-image": 'url('+_img2.src+')'});
 }

在开发工具中查看浏览器的网络请求:您可能会收到一个重复的请求,但第二个请求应该从缓存中提取。@Lanny这就是我对已经缓存的图像的想法,您认为这是可以接受的还是有更好的方法?