保存イベントはonclickの

Question

が、私はこのコードを

<script> 
    var content = document.getElementById('float_content_right'); 
    var hide = document.getElementById('hide_float_right'); 
    function hide_float_right() { 

     if (content.style.display == "none") { 
      content.style.display = "block"; 
      hide.innerHTML = '<a href="javascript:hide_float_right()">Close [X]</a>'; 

     } else { 
      content.style.display = "none"; 
      hide.innerHTML = '<a href="javascript:hide_float_right()">Open...</a>'; 
     } 
    } 
    var images = new Array(); 
    images[0] = "<a href='http://phuongnuochoa.com' target='_blank'><img src='http://thegioidoco.net/gif/1.gif'></a>"; 
    images[1] = "<a href='http://quattran.com' target='_blank'><img src='http://thegioidoco.net/gif/2.gif'></a>"; 
    images[2] = "<a href='http://dogoducthien.vn' target='_blank'><img src='http://thegioidoco.net/gif/3.gif'></a>"; 

    $(images[Math.floor(Math.random() * images.length)]).appendTo('#float_content_right'); 
    setInterval(function() { 
     $('#float_content_right').empty(); 
     $(images[Math.floor(Math.random() * images.length)]).appendTo('#float_content_right'); 
    }, 5000); 
</script> 

を持っていると私はイメージが隠されている[閉じる]ボタンを押すと、今私は、 たいJS、その後、F5は再び絵がまだ隠されています。 Closeボタンを押さないと、F5を押すとまだ画像が残っています。

私の助けてください、これは私の運動です！

ありがとうございました。

Answer 1

コードでセッションストレージを使用します。 Like this。

閉じるボタンをクリックして、セッションストレージにキーを設定します。

F5またはページのロード機能を呼び出し、一般 $(document).ready(function(){})に

// Save data to sessionStorage 
sessionStorage.setItem('imageVisible', '1'); 

、あなたはこれを確認することができます。

// Get saved data from sessionStorage 
var data = sessionStorage.getItem('imageVisible'); 
if(data == 1) 
{ 
    //show the div containing the image. 
} 
else 
{ 
    //hide the div containing the image. 
}