Javascript resimler yüklenmeden işlemi geçmesi

17-03-2019, 13:08:27

Arkadaşlar merhabalar bir konuda yardıma ihtiyacım var, buradada gördüğünüz gibi ajax ile çektiğim json dosyasını parse ile "bc" arrayına atıyorum. Ancak arraydan çektiğim resimleri switch case ile ekrana yüklerken örneğin case 1 deki resim daha yüklenmeden case 2 ye geçiyor. Bunu nasıl engelleyebilirim yardımcı olursanız çok sevinirim, şimdiden teşekkürler...

function kutu(){

       $.ajax({
    type: 'POST',
    url: 'ajax.php',
    data: 'rsm',
    success: function (dtm1) {
        var acc = dtm1;
        var bc = JSON.parse(acc);
        var sayi = 0;
setInterval(aaa, 300);
document.getElementById("normalsndk").disabled  = true;


function aaa() {
sayi++;
  switch (sayi) {
      

        case 1:
        document.getElementById("resim").src = bc[1];

      
        break;

        case 2:
      document.getElementById("resim").src = bc[2];
        break;
    
        case 3:
        document.getElementById("resim").src = bc[3];
        break;

        case 4:
        document.getElementById("resim").src = bc[4];
        break;

        case 5:
        document.getElementById("resim").src = bc[5];
        break;

        case 6:
        document.getElementById("resim").src = bc[1];
      
        break;

        case 7:
      document.getElementById("resim").src = bc[2];
        break;

        case 8:
      document.getElementById("resim").src = bc[3];
        break;


  }

}
      
    }
  });



}

17-03-2019, 13:26:49

#2

Onur89TR

function res(yol) {
    var tmpImg = new Image();
    tmpImg.src = yol;
    tmpImg.onload = function() {
        document.getElementById("resim").src = yol;
    } ;
}
function kutu(){       $.ajax({
    type: 'POST',
    url: 'ajax.php',
    data: 'rsm',
    success: function (dtm1) {
        var acc = dtm1;
        var bc = JSON.parse(acc);
        var sayi = 0;
setInterval(aaa, 300);
document.getElementById("normalsndk").disabled  = true;
function aaa() {
sayi++;
switch (sayi) {
              case 1:
res(bc[1]);      
        break;        case 2:
res(bc[2]);
        break;
  
        case 3:
res(bc[3]);
        break;        case 4:
res(bc[4]);
        break;        case 5:
res(bc[5]);
        break;        case 6:
res(bc[1]);
    
        break;        case 7:
res(bc[2]);
        break;        case 8:
res(bc[3]);
        break;
  }}  }
  });
}

Dener misin hocam?

17-03-2019, 15:16:26

#3

RomeroX

Onur89TR adlı üyeden alıntı: mesajı görüntüle

function res(yol) {
    var tmpImg = new Image();
    tmpImg.src = yol;
    tmpImg.onload = function() {
        document.getElementById("resim").src = yol;
    } ;
}
function kutu(){       $.ajax({
    type: 'POST',
    url: 'ajax.php',
    data: 'rsm',
    success: function (dtm1) {
        var acc = dtm1;
        var bc = JSON.parse(acc);
        var sayi = 0;
setInterval(aaa, 300);
document.getElementById("normalsndk").disabled  = true;
function aaa() {
sayi++;
switch (sayi) {
              case 1:
res(bc[1]);      
        break;        case 2:
res(bc[2]);
        break;
  
        case 3:
res(bc[3]);
        break;        case 4:
res(bc[4]);
        break;        case 5:
res(bc[5]);
        break;        case 6:
res(bc[1]);
    
        break;        case 7:
res(bc[2]);
        break;        case 8:
res(bc[3]);
        break;
  }}  }
  });
}

Dener misin hocam?

Maalesef bir şey değişmedi :/