乱数を使った変数の作成

Question

私は2つの変数、img1とimg2を持っています。私は1または2のいずれかを生成する乱数ジェネレータを持っています。それに基づいて変数を作る必要があるので、img1またはimg2になります。私は最後の行に.html()として$img1または$img2のいずれかを置く場合

var $img1 = "<img src=\"slides/leo.jpg\" /><footer>King Leo of TWiT TV</footer>"; 
var $img2 = "<img src=\"slides/leo-inverted.jpg\" /><footer>VT TiWT fo oeL gniK</footer>"; 
var $rand = Math.floor(Math.random()*2) + parseFloat(1); 
var $slide = $slide.add($rand); 
$("#slideshow").html($slide); 

それは動作しますが、私はそれがランダムに選ぶようにする方法を見つけ出すことはできません。

は、ここで私がこれまで持っているコードです。

Answer 1

jQueryオブジェクトでない限り、変数名の前に$という名前を付けないでください。それは他のスクリプタを混乱させる可能性があります。配列を使用すると、問題が解決します。

var imgs = [ 
    "<img src=\"slides/leo.jpg\" /><footer>King Leo of TWiT TV</footer>", 
    "<img src=\"slides/leo-inverted.jpg\" /><footer>VT TiWT fo oeL gniK</footer>" 
]; 
$("#slideshow").html(imgs[Math.floor(Math.random()*imgs.length)]);