Jquery Numéro incrémenter 1 page 0n rafraîchir

Question

Salut les gars, je suis en train de modifier ce code ici.

$(document).ready(function() { 

var randomImages = ['img-1','img-2','img-3','img-4']; 

var rndNum = Math.floor(Math.random() * randomImages.length); 

$("div#bg-image").css({ background: "url(http://example.com/images/" + randomImages[rndNum] + ".jpg) no-repeat" });            
}); 

Cela fonctionne bien et me donne une image aléatoire à chaque fois ce qui est génial, mais ce que je dois est pour l'image à incrément +1 chaque fois sur rafraîchir la page.

C'est parce que parfois je peux rafraîchir 3 fois et je toujours obtenir le même spectacle d'image lors de l'utilisation Math.random(). Je dois annuler l'aléatoire et réglez +1 chaque fois.

Toute aide

Answer 1

Vous devez stocker ce numéro comme un cookie. Ensuite, chaque fois que vous actualisez la page vous connaissez le numéro précédent de sorte que vous pouvez échapper ou incrémentons 1.

Pour la lecture/écriture des cookies utilisent certains des plug-ins disponibles, e. g. http://plugins.jquery.com/project/cookie