Как заполнить поле картинками !?

@Takumi93 · Регистрация: 03.09.2015

Студворк — интернет-сервис помощи студентам

Доброго времени фрумчане, есть такая задача !

Есть 6 пар картинок, и 20 ячеек. Как заполнить ячейки чтобы каждая картинка имела пару ?

Заранее спасибо за ответ!

@msheal · 09.08.2018, 02:03

3 раза перечитывал, но так и не понял что вы хотите сделать

@Grass-snake · 11.08.2018, 09:15

Не совсем понял задание, но если я понял неправильно - прошу уточнить.
В функцию printImages(total, pairs) передаётся 2 параметра:
total-общее количество картинок, pairs - количество пар.
Только не забудь подставить ссылки на картинки в массиве images.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Найти повторяющиеся значения</title>
 
<script>
images = [
    'http://download.seaicons.com/icons/icons-land/play-stop-pause/32/Record-Disabled-icon.png',
    'http://download.seaicons.com/icons/kearone/platecons/32/linux-icon.png',
    'http://download.seaicons.com/icons/fixicon/paradise-applications/32/dictionnary-icon.png',
    'http://download.seaicons.com/icons/mazenl77/NX11/32/Internet-Real-icon.png',
    'http://download.seaicons.com/icons/mazenl77/NX11/32/Internet-Blue-icon.png',
    'http://download.seaicons.com/icons/musett/micro-extras/32/Heart-icon.png',
    'http://download.seaicons.com/icons/robsonbillponte/iRob/32/Misc-Safari-icon.png' ];
function shuffle(arr) {
    return arr.sort(function() {return 0.5 - Math.random()});
}
function printImages(total, pairs) {
    s = '';
    var arr = [(total-1)]
    for (var i = 0; i < total; i++) {
        arr[i] = 0;
    }
    for (var i = 0; i < pairs; i++) {
        arr[(i*2)] = i+1;
        arr[(i*2+1)] = i+1;
    }
    arr = shuffle(arr)
    for (var i = 0; i < total; i++) {
        s += '<img src="'+images[arr[i]]+'" />';
    }
    document.getElementById('icons').innerHTML = s;
}
</script>
 
</head>
 
<body onload="printImages(20,6);">
    <p id="icons"></p>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .	Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .

@Takumi93 0 / 0 / 0 Регистрация: 03.09.2015 Сообщений: 17

	Как заполнить поле картинками !? 08.08.2018, 19:44. Показов 936. Ответов 2 Метки картинки (Все метки) Доброго времени фрумчане, есть такая задача ! Есть 6 пар картинок, и 20 ячеек. Как заполнить ячейки чтобы каждая картинка имела пару ? Заранее спасибо за ответ! 0

@msheal 707 / 309 / 191 Регистрация: 05.03.2015 Сообщений: 822
	09.08.2018, 02:03
	3 раза перечитывал, но так и не понял что вы хотите сделать 0

Опции темы