將圖像定位在隨機位置

Question

我想將隨機圖像放置在屏幕的隨機位置。我試過這個：

$(document).ready(showLetter); 
var imgsArray = ["A1", "C1", "F1", "J1", "K1", "L1", "S1", "Ñ1"]; 

function generateRandomForArray() { 
    var num = Math.floor(Math.random() * 8); 
    return num; 
} 

function generateRandom() { 
    var num = Math.floor(Math.random() * 400); 
    return num; 
} 

function showLetter() { 
    var letter = imgsArray[generateRandomForArray()]; 
    $("div").append("<img src='imgs/" + letter + ".png'>"); 
    var left = generateRandom(); 
    var top = generateRandom(); 
    $("div").last().css({"top": top + "px", "left": left + "px"}); 
} 

圖像出現在屏幕的左上角。再一次：我想把它們放在屏幕的隨機位置。我對CSS不太瞭解。有任何想法嗎？提前致謝！

Answer 1

聽起來像是我的定位問題。嘗試像這樣，即我添加了position:absolute

function showLetter() { 
    var letter = imgsArray[generateRandomForArray()]; 
    $("div").append("<img src='GameHTML5/images/" + letter + ".png'>"); 
    var left = generateRandom(); 
    var top = generateRandom(); 
    $("div").last().css({"position":"absolute","top": top + "px", "left": left + "px"}); 
} 

Answer 2

function generateRandomForArray(min, max) { 
    var num = Math.random() * (max - min) + min; 
    return Math.floor(num); 
} 

//generateRandomForArray(0, 8); 
//3 
//generateRandomForArray(0, 8); 
//0 
//generateRandomForArray(0, 8); 
//2 
//generateRandomForArray(0, 8); 
//4 
//generateRandomForArray(0, 8); 
//5 
//generateRandomForArray(0, 8); 
//7 
//generateRandomForArray(0, 8); 
//4