случайное изображение; не повторяя?

Question

Во-первых, я не очень хорошо знаком с javascript, таким образом я здесь. У меня есть этот код для моего сайта, чтобы нарисовать случайное изображение. Работая над этим, как я могу заставить изображения не повторять? Спасибо, в adv! Код:

<script type="text/javascript"> 

var banner_list = ['http://i1233.photobucket.com/albums/ff389/lxluigixl/Cargo/LM_LogoMark4-4-2.gif', 'http://i1233.photobucket.com/albums/ff389/lxluigixl/Cargo/logobg_dome.png', 'http://i1233.photobucket.com/albums/ff389/lxluigixl/Cargo/logobg_brain.png']; $(document).ready(function() { var ran = Math.floor(Math.random()*banner_list.length); 
$(".logobg img").attr(banner_list[ran]); 
}); $(document).bind("projectLoadComplete", function(e, pid){ 
var ran = Math.floor(Math.random()*banner_list.length); 
$(".logobg img").attr("src", banner_list[ran]); 
}); </script> 

Answer 1

После отображения изображения склеить его из массива, вы можете использовать banner_list.splice(ran, 1);. Аргументы: .splice(index, howManyToRemove, howManyToInsert). Вставка необязательна, поэтому вы можете просто использовать сплайс, чтобы начать с индекса отображаемого изображения и удалить его. Удостоверьтесь, что не удаляйте его, пока не закончите со ссылкой на него.

Answer 2

Вы можете использовать Array.splice(), как предлагает Robert с помощью 2 массивов. Один для неработающих и один для использованных изображений. Проверьте мои JSfiddle.

var images = ["http://www.fowkesauto.com/products_pictures/nutsbolt.jpg", 
       "http://i01.i.aliimg.com/photo/v0/114511763/Fasteners_Bolts_and_Nuts.jpg", 
       "http://us.123rf.com/400wm/400/400/DLeonis/DLeonis0810/DLeonis081000018/3706757-bolts-and-nuts-on-white.jpg", 
       "http://static3.depositphotos.com/1003288/173/i/950/depositphotos_1737203-Nuts-and-bolts.jpg"], 
    usedImages = []; 

setInterval(function() {changeImage();},500); 

var changeImage = function() { 
    var index = Math.floor(Math.random() * (images.length)), 
     thisImage = images[index]; 

     usedImages.push(thisImage); 
     images.splice(index, 1); 

     if (images.length < 1) { 
      images = usedImages.splice(0, usedImages.length); 
     } 

     $("#image").attr("src", thisImage); 
}