Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.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 android手机上未显示/损坏的图像_Javascript_Angularjs_Image_Ionic Framework - Fatal编程技术网

Javascript android手机上未显示/损坏的图像

Javascript android手机上未显示/损坏的图像,javascript,angularjs,image,ionic-framework,Javascript,Angularjs,Image,Ionic Framework,我试着用立方体制作一些简单的游戏,我制作了一个2数组的图像,比如show down,在我的代码中,我将“kockice”显示为起始图像,然后在我的视图中点击按钮,我将它们替换为“zkockice”,一个anim.gif中间有$timeout(看起来像洗牌),在chrome上看起来都很棒,但是,当我运行安卓并在我的手机(安卓)上模拟时,它会显示破碎的图像,那么是否存在资源问题或其他问题 var kockice = new Array(); kockice[0] = new Image(

我试着用立方体制作一些简单的游戏,我制作了一个2数组的图像,比如show down,在我的代码中,我将“kockice”显示为起始图像,然后在我的视图中点击按钮,我将它们替换为“zkockice”,一个anim.gif中间有$timeout(看起来像洗牌),在chrome上看起来都很棒,但是,当我运行安卓并在我的手机(安卓)上模拟时,它会显示破碎的图像,那么是否存在资源问题或其他问题

var kockice = new Array();
      kockice[0] = new Image();
      kockice[0].src = "/img/1.jpg";
      kockice[1] = new Image();
      kockice[1].src = "/img/2.jpg";
      kockice[2] = new Image();
      kockice[2].src = "/img/3.jpg";
      kockice[3] = new Image();
      kockice[3].src = "/img/4.jpg";
      kockice[4] = new Image();
      kockice[4].src = "/img/5.jpg";
      kockice[5] = new Image();
      kockice[5].src = "/img/6.jpg";

      var zkockice = new Array();
      zkockice[0] = new Image();
      zkockice[0].src = "/img/k1.jpg";
      zkockice[1] = new Image();
      zkockice[1].src = "/img/k2.jpg";
      zkockice[2] = new Image();
      zkockice[2].src = "/img/k3.jpg";
      zkockice[3] = new Image();
      zkockice[3].src = "/img/k4.jpg";
      zkockice[4] = new Image();
      zkockice[4].src = "/img/k5.jpg";
      zkockice[5] = new Image();
      zkockice[5].src = "/img/k6.jpg";

      var anim = "/img/anim.gif";

//here's the view, it shows starting images, but when on-click happens images get broken (in time when they have to change)
div class="row">
  <div class="col" id="k1"><img ng-src="img/1.jpg" ng-click="promjeni1()" id="sk1"></div>
  <div class="col" id="k2"><img ng-src="img/2.jpg" ng-click="promjeni2()" id="sk2"></div>
  <div class="col" id="k3"><img ng-src="img/3.jpg" ng-click="promjeni3()" id="sk3"></div>
  <div class="col" id="k4"><img ng-src="img/4.jpg" ng-click="promjeni4()" id="sk4"></div>
  <div class="col" id="k5"><img ng-src="img/5.jpg" ng-click="promjeni5()" id="sk5"></div> 
</div>
var kockice=new Array();
kockice[0]=新图像();
kockice[0].src=“/img/1.jpg”;
kockice[1]=新图像();
kockice[1].src=“/img/2.jpg”;
kockice[2]=新图像();
kockice[2].src=“/img/3.jpg”;
kockice[3]=新图像();
kockice[3].src=“/img/4.jpg”;
kockice[4]=新图像();
kockice[4].src=“/img/5.jpg”;
kockice[5]=新图像();
kockice[5].src=“/img/6.jpg”;
var zkockice=新数组();
zkockice[0]=新图像();
zkockice[0].src=“/img/k1.jpg”;
zkockice[1]=新图像();
zkockice[1].src=“/img/k2.jpg”;
zkockice[2]=新图像();
zkockice[2].src=“/img/k3.jpg”;
zkockice[3]=新图像();
zkockice[3].src=“/img/k4.jpg”;
zkockice[4]=新图像();
zkockice[4].src=“/img/k5.jpg”;
zkockice[5]=新图像();
zkockice[5].src=“/img/k6.jpg”;
var anim=“/img/anim.gif”;
//这是一个视图,它显示了开始的图像,但当点击时,图像会被破坏(在必须更改的时候)
div class=“行”>

我也有这个问题。只需删除原始图像中
/
.src

前面的
/
,即可使用路径
img/。
,同时在js值中使用
/img/…
。检查
img
是否真的位于您的
/
中。数组图像(k1、k2…)是否位于与1.jpg、2.jpg…不同的文件夹中。。。?因为看起来这两组图片在不同的文件夹级别,所有图片都在同一个文件夹中,我做到了,thx为答案,是“/”造成了麻烦,正如Geral所说,我从所有地方删除了它