Показать сообщение отдельно
  #6 (permalink)  
Старый 11.03.2020, 19:43
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,712

Если по простому, то как то так можно
// для каждой из картинок 'имя' :'src'
const images = {
'LTC' : 'img/asset_pairs/Exchange/image_l.png',
'EURX' : 'img/asset_pairs/Exchange/image_er.png',
.....
}

// массив из строк по 3 колонки

const pairs [
['LTC/EURX', 'XRP/USDEX',  'BCH/USDEX'],
....
]
const pag = ''
for (const prow of pairs) {
	pag+='<div class="row">';
	for (let i=0; i<3; i++) {
		if (!prow[i]) break; // если в последней строке не все колонки
		const [pn1, pn2] = prow[i].split('/');
		pag+= i? '<div class="col-12 col-md-3 mt-3  offset-md-1 tabs-three-block">'
				: '<div class="col-12 col-md-3 mt-3 tabs-three-block">';
		pag += `<img src="${images[pn1]" class="" alt="${pn1}">
				<img src="${images[pn2]" class="" alt="${pn2}">
                <p>${pn1}/${pn2} </p>
                </div>`
    }
 	pag+='</div>'
}  

// в pag имеем html строку со всеми картинками
// потом ее вставляем куда надо elem.innerHTML = pag
Ответить с цитированием