Помогите, пожалуйста, очень нужно!
Доброе утро всем, сейчас пишу экзамин и прошу у вас помощи:
Задание: Найдите 6 картинок онлайн. Внедрение программного решения: отображает две случайно выбранные фотографии (уменьшенные по высоте до 100 пикселей), которые ссылаются на фотографию оригинального размера, отображаемую в новом окне браузера. Две одинаковые фотографии не могут быть выбраны. Применить массив (ы). Фото могут быть любыми. |
Вот как я начал
<!DOCTYPE html> <html lang="lt"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Egzamino uzdiotys nr1</title> <style> img{ height: 100px; } </style> </head> <body> <script> // [1;8] var x = Math.round(Math.random()*7+1); document.write('<a href="'+x+'.jpg" target="_blank">'); document.write('<img src="'+x+'mini.jpg"></a>'); var x1 = Math.round(Math.random()*7+1); document.write('<a href="'+x1+'.jpg" target="_blank">'); document.write('<img src="'+x1+'mini.jpg"></a>'); </script> </body> </html> |
Ай да и как тут примянить массив и зачем он вообще?
|
Цитата:
<body><script>
const images = [
{
image: "https://i.picsum.photos/id/237/500/500.jpg",
thumbnail: "https://i.picsum.photos/id/237/100/100.jpg"
},
{
image: "https://i.picsum.photos/id/238/500/500.jpg",
thumbnail: "https://i.picsum.photos/id/238/100/100.jpg"
},
{
image: "https://i.picsum.photos/id/239/500/500.jpg",
thumbnail: "https://i.picsum.photos/id/239/100/100.jpg"
},
{
image: "https://i.picsum.photos/id/240/500/500.jpg",
thumbnail: "https://i.picsum.photos/id/240/100/100.jpg"
},
{
image: "https://i.picsum.photos/id/241/500/500.jpg",
thumbnail: "https://i.picsum.photos/id/241/100/100.jpg"
},
{
image: "https://i.picsum.photos/id/242/500/500.jpg",
thumbnail: "https://i.picsum.photos/id/242/100/100.jpg"
}
];
const keys = Object.keys(images);
const randomKeys = [];
while(randomKeys.length < 2) {
randomKeys.push(...keys.splice(Math.floor(keys.length * Math.random()), 1));
}
for(const key of randomKeys) {
const { thumbnail, image } = images[key];
const link = document.createElement("a");
link.href = image;
link.target = "_blank";
const imageEl = new Image();
imageEl.src = thumbnail;
link.appendChild(imageEl);
document.body.appendChild(link);
}
</script>
|
| Часовой пояс GMT +3, время: 13:21. |