Question

Simple question, i have this DIV right, 400 * 250 px. And i have this image, fooi.png.
How can i make fooi.png randomly appear somewhere inside that div (and it doesn’t remove the other images that already have been appeared) every 2 seconds?

Edit:

What i’ve got:

        function placeimage(){
            $('#div').append('<img src="fooi.png" alt="image" id="'. Math.floor(Math.random()*55) .'" onclick="doclick(this.id);">');
            setTimeout(placeimage, 2000);
        }

        placeimage();

Answer 1

Write some css first

#div img {position: relative; float: left }

and javascript some how like this below

function placeimage(){
        var t = $('<img src="fooi.png" alt="image" id="' +  Math.floor(Math.random()*55)  + '" onclick="doclick(this.id);">');
        $('#div').append(t);
        t.css('left', Math.floor(Math.random()*(400 - t.width())));
        t.css('top', Math.floor(Math.random()*(250 - t.height())));
        setTimeout(placeimage, 2000);
    }

    placeimage();