Simplifier la fonction jQuery

Question

Je la fonction suivante:

var randomImages = ["bgr1","bgr2","bgr3","bgr4","bgr5","bgr6"]; 
var rndNum = Math.floor(Math.random() * randomImages.length); 
$(".myDiv").css({ background: "url(/images/" + randomImages[rndNum] + ".gif)" }); 

Puisque toutes les images ont le même nom, sauf la dernière valeur numérique, je ne peux pas simplifier?

Answer 1

Cela peut sembler évident, mais si vous savez combien d'images que vous avez, vous pouvez remplacer randomImages.length avec par exemple constante 5, pour des arguments, alors vous ne avez pas besoin d'un tableau de sorte qu'il serait juste une ligne:

$(".myDiv").css({ background: "url(/images/bgr" + Math.ceil(Math.random() * 5) + ".gif)" }); 

Note: Math.ceil serait mieux que vous ne avez pas besoin +1.

Answer 2

Oui, vous pouvez. Notez que vous pourriez vouloir définir une constante plutôt que d'utiliser simplement le nombre magique 6, mais c'est l'idée.

var rndNum = Math.floor(Math.random() * 6) + 1; 
$(".myDiv").css({ background: "url(/images/bgr" + rndNum + ".gif)" }); 

Answer 3

var numImages = 6; 
var rndNum = Math.floor(Math.random() * numImages) + 1; 
$(".myDiv").css({ background: "url(/images/bgr" + rndNum + ".gif)" });