브라우저에 저장하여 무작위 페이지 배경을 반복하지 마십시오.

Question

JS에서 초보자이며 무작위로 내 사이트의 페이지에 대한 배경 이미지를 선택하기위한 아주 간단한 스크립트를 작성했습니다. 문제는 새 페이지로 이동하거나 동일한 페이지를 다시로드 할 때 동일한 이미지가 무작위로 선택 될 때가끔 있습니다. 방금 브라우저에서 배경으로 사용 된 이미지를 저장하는 방법이 필요합니다.

var rand_image_bg = function(){ 
     $('<div id="background_container"><img class="background_image"/></div>').insertAfter("#menu"); 
     var image_src = ["Images/spaceship.jpg", "Images/hallway.jpg", "Images/steampunk.jpg", "Images/mine.jpg"]; 
     var selected_bg_image = Math.floor((Math.random()*image_src.length)+1)-1; 
     console.log($("body").data("bg_image")); 
     if (selected_bg_image == /*Number of the previous background image*/) { 
      selected_bg_image = image_src.length-1-selected_bg_image; 
     } 
     $(".background_image").attr("src",""+image_src[selected_bg_image]+""); 
     /*Record number of the new background image for later*/ 
    } 

어떤 조언을 누군가가 좋은 것입니다 저를 줄 수 :

여기 내 스크립트입니다. 나는 초심자이므로 계속 간결하게하십시오. 감사!

Answer 1

는 아데노의 조언에 따라 내가 쓴 작동하는 것 같다 : 쿠키에

var rand_image_bg = function(){ 
     $('<div id="background_container"><img class="background_image"/></div>').insertAfter("#menu"); 
     var image_src = ["Images/spaceship.jpg", "Images/hallway.jpg", "Images/steampunk.jpg", "Images/mine.jpg"]; 
     var selected_bg_image = Math.floor((Math.random()*image_src.length)+1)-1; 
     if (selected_bg_image == localStorage.bg_image) { 
      selected_bg_image = image_src.length-1-selected_bg_image; 
     } 
     $(".background_image").attr("src",""+image_src[selected_bg_image]+""); 
     localStorage.bg_image = selected_bg_image; 
    } 
    rand_image_bg();