вставить картинку в div
Есть 3 блока div и 3 картинки.
Нужно вставить картинку по одной картинке в блок, но чтобы каждый раз в блоке div вставлялась случайная картинка |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div></div>
<div></div>
<div></div>
<script>
var img = ['http://site.ru/img1.jpg','http://site.ru/img2.jpg','http://site.ru/img3.jpg'].sort((a, b)=>Math.random() - 0.5);
document.querySelectorAll('div').forEach((el,i)=>el.insertAdjacentHTML('beforeend', '<img src="'+img[i]+'">'));
</script>
</body>
</html>
ошибся 'beforeend' вместо |
Через insertAdjacentHTML картинки вне блоков div.
Сделал вот так: var arrDivs = []; arrDivs.push(div1, div2, div3); var arrPics = []; arrPics.push(pic1, pic2, pic3); function ranPic() { var item = arrPics[Math.floor(Math.random()*3)]; return item; }; function addPic(ar) { ar.forEach(function(el,i) { el.appendChild(ranPic()) }); }; addPic(arrDivs); Получается, то все 3 картинки, то 2, то 1, всегда в разных местах) |
Sevic,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Цитата:
поправил пост |
Цитата:
|
| Часовой пояс GMT +3, время: 14:35. |