Как случайно расположить картинки?

Для случайного расположения картинок в JavaScript можно использовать различные подходы, один из которых - использование CSS свойства position в сочетании с генерацией случайных координат.

Представьте, у вас есть контейнер, в котором находятся несколько картинок. Вам нужно случайным образом расположить их в этом контейнере. Для начала, вы можете задать контейнеру CSS свойство position: relative, чтобы координаты для картинок были относительные к контейнеру.

Затем, в JavaScript, вы можете создать функцию, которая будет случайным образом генерировать координаты для каждой картинки и устанавливать их с помощью CSS свойств top и left.

function randomizeImages() {
  // Получите все картинки в контейнере
  var images = document.querySelectorAll('.container img');

  // Обходите массив и случайно расположите каждую картинку
  images.forEach(function(image) {
    // Генерируйте случайные координаты
    var randomX = Math.floor(Math.random() * 100);
    var randomY = Math.floor(Math.random() * 100);

    // Устанавливайте координаты с помощью CSS свойств
    image.style.position = 'absolute';
    image.style.top = randomX + '%'; // случайное значение от 0 до 100
    image.style.left = randomY + '%'; // случайное значение от 0 до 100
  });
}

// Вызывайте функцию для случайного расположения картинок
randomizeImages();

Это лишь один из возможных подходов к случайному расположению картинок в JavaScript. Вы также можете использовать другие методы, такие как генерация случайных чисел с использованием Math.random(), манипуляции с размерами и позиционирование элементов с помощью библиотек CSS, таких как Flexbox или CSS Grid. Все зависит от требований и предпочтений вашего проекта.