我是 jquery 的新手。我希望能够随机设置页眉背景图像。我不希望每次刷新页面时它都改变。相反,我只想在每个 session 中设置一次。我假设我需要为此使用 session cookie,但无法让它工作。
以下是我在每次刷新时都能正常工作的内容。我只是想在每次刷新时停止更改。
$(document).ready(function () {
var randomImages = ['image1', 'image2', 'image3', 'image4', 'image5'];
var rndNum = Math.floor(Math.random() * randomImages.length);
var imageFile = $('#imgpathname').val() + randomImages[rndNum] + ".jpg";
$("div#header").css({ background: "url(" + imageFile + ") no-repeat" });
});
非常感谢您的帮助。
最佳答案
您好,为什么不将图像 ID 存储在 sessionStorage/localStorage 等 html5 存储对象中,请访问 Html5 Storage Doc 获取更多详细信息。使用它,您可以在本地临时/永久存储中间值,然后访问您的值 用于存储 session 的值
sessionStorage.getItem('label')
sessionStorage.setItem('value', 'label')
或永久使用存储值
localStorage.getItem('label')
localStorage.setItem('value', 'label')
因此您可以使用 html5 存储对象在多个页面之间(临时)存储表单数据,您甚至可以在重新加载后保留这些对象..
现在,在您的情况下,您可以将图像 ID 存储在 sessionstorage 中,并在刷新页面时使用它,以便在每个 session 中加载相同的图像。
关于jquery - 每个 session 设置一次随机背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11628703/