Geçişli iki görüntülü rastgele slayt gösterisi

Question

Rastgele görüntülerde rastgele görüntülerle iki resmi 'slayt gösterisi' javascript ile sıkışmış durumdayım. Şimdiye kadar çalışıyor, ancak şimdi görüntüleri gösterip saklarken geçişler eklemek istiyorum. Rasgele sadece bir resim göstermenin mümkün olup olmadığını merak ediyorum. online İşte

var j; 
var rand = 700; 
function randomize() { 
    loadRandom(); 
    rand = Math.round(Math.random()*(5000-700+1))+700; 
    clearInterval(j); 
    j = setInterval('randomize();', rand); 
} 
j = setInterval('randomize();', rand); 



function loadRandom(){ 
    var ranNums=[]; 
    while(ranNums.length<7){ 
     var t=Math.floor((Math.random()*7)+1); 
     if(ranNums.indexOf(t)==-1) 
      ranNums.push(t); 
    } 
    var i=0; 
    $('#imageTable > .image-container > img').each(function(){ 
     $(this).attr('src','images/image-'+ranNums[i]+'.jpg'); 
     i++; 
    }); 
} 

: http://www.steef.111mb.de

Ben, birisi bana yardımcı olabilir Şerefe umut

Ben şimdiye kadar bu kodu var.

Düzenleme: Ben fadeIneklendi ama hala Fadeout nasıl kullanılacağını anlamaya ihtiyacımız var. Sadece bir resim göstermek için resimlerim olduğu gibi Math.random() öğesinde daha yüksek bir sayı kullanıyorum ve eksik görüntü simgesini gizleyin. Temiz bir kod olmadığını biliyorum, ancak daha iyi nasıl yapılacağını anlayamıyorum. Şimdi aynı görüntü bir satırda iki kez görüntülendiğinde fadeIn/fadeOut'u devre dışı bırakmanın mümkün olup olmadığını merak ediyorum. Bu

$("img").hide(); 
    $('#imageTable > .image-container > img').each(function(){ 
      if(ranNums[i]<=7) 
      {$(this).attr('src','images/image-'+ranNums[i]+'.jpg'); 
      $(this).fadeIn(500); 
      } 

     i++; 
    }); 

Ve şimdi sorun gibi bir şey ile gidersiniz

var j; 
var rand = 900; 
function randomize() { 
    loadRandom(); 
    rand = Math.round(Math.random()*(7000-900+1))+900; 
    clearInterval(j); 
    j = setInterval('randomize();', rand); 
} 
j = setInterval('randomize();', rand); 

function loadRandom(){ 
    var ranNums=[]; 
    while(ranNums.length<7){ 
     var t=Math.floor((Math.random()*8)+1); 
     if(ranNums.indexOf(t)==-1) 
      ranNums.push(t); 
    } 
    var i=0; 
    $('#imageTable > .image-container > img').each(function(){ 
     $(this).attr('src','images/image-'+ranNums[i]+'.jpg'); 
     i++; 
    }); 
    $("img").hide(); 
    $("img").fadeIn(500); 
    $("img").error(function(){ 
      $(this).hide(); 
    }); 
}; 

http://steef.111mb.de//index2.html

Answer 1

hem sınırların dışında olduğunda durumu önlemek için nasıl. Ama bu soru