Случайное положение перетаскиваемых изображений при каждой новой перезагрузке с использованием jquery

Question

Я выяснил, как успешно сделать два изображения перетаскиваемыми с помощью jquery, как вы можете видеть в этом примере здесь: http://www.demarconia.com/kingofqueens/kingtest3.html

что я хотел бы сделать, это дать двум изображениям уникальную случайную позицию на странице при каждой перезагрузке. Это возможно? Заранее спасибо!

Ник

Answer 1

Просто присвойте каждому элементу абсолютное позиционирование и назначьте случайное значение атрибутам left и top:

$('img.draggable').each(function(i,el){

    var tLeft = Math.floor(Math.random()*500),
        tTop  = Math.floor(Math.random()*500);

    $(el).css({position:'absolute', left: tLeft, top: tTop});

});

Пример

Вы можете изменить множитель (500) для tLeft и tTop, чтобы указать общую область, в которой должны отображаться изображения.