Platzierung von Bildern, die in zufälligen stellen

Möchte ich Stellung zufällige Bilder in zufälligen stellen auf dem Bildschirm. Ich versuchte dies:

$(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"});
}

Erscheinen die Bilder auf der Oberseite Links auf dem Bildschirm. Noch einmal: ich möchte die position, die Sie in zufälligen stellen auf dem Bildschirm. Ich weiß nicht viel über CSS. Irgendwelche Ideen? Vielen Dank im Voraus!

InformationsquelleAutor user2484181 | 2013-06-28
  1. 3

    Klingt wie die Positionierung Problem für mich. Versuche wie diese, also, ich habe 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"});
}
    • Ja! 😀 Das hat funktioniert. Ich hatte eine Klasse in CSS wie dieses img { position:absolute; } ich dachte, dass es angewendet werden würde, um alle Bilder...? Sowieso. Vielen Dank!! 🙂
    InformationsquelleAutor Vinay
  2. 0
    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
    • Hi @Tamil! Vielen Dank für Ihre Zeit, aber ich glaube nicht, dass Sie verstanden mein problem 😛
    • Angenommen :P. Aber ich bin halten meine Antwort für Leute, die vielleicht kommen in Zukunft.
    InformationsquelleAutor
Schreibe einen Kommentar