JSFiddle - React, Tailwind, and code Playground

by Евгений

HTML

<div id="target"></div><div id="target2"></div>

CSS

#target2, #target {
    float: left;
    margin: 20px;
    padding: 5px;
    border: 1px solid black;
    background: #dbdbdb;
}

JavaScript

/* Награды */
var awar = [];
awar['ник']='<img src="http://live-co.com/images/male.gif" border="0" title="Пам пам пам">';

var arr = [['1369577039', '26.05.13 - 18:03', 'ник', 'первое фото', '0', '0', '0', '', '3344'], ['1369577039', '26.05.13 - 18:03', 'ник2', 'второе фото', '0', '0', '0', '', '3344']], gal_upload = 1;

/* Функция формирования информации о фотографии */
function fotoinfo(x) {
var info="";
if(x[3]) info+=x[3]+"<br>";
info+="<a href=?inc=gallery&gallery="+x[2]+">"+x[2]+"</a>";
if(gal_upload>0) info+=" [<a href='?inc=info&userid="+x[8]+"' target='"+x[2]+"'>?</a>]";
info+="<br>"+x[1]+"<br>";
if(x[4]>0) info+="Оценка: "+(Math.round(x[5]/x[4]*10)/10)+" ("+x[4]+")<br>";
if(x[6]>0) info+="<font style='cursor:pointer;' title='Последний: "+x[7]+"'>Коментариев: "+x[6]+"</font><br>";
if(awar[x[2]]!=null) info+="Награда: "+awar[x[2]]+"<br>";
return info;
}
document.getElementById('target').innerHTML = '<img src="http://live-co.com/images/avatars/7502.gif" border="0" title="photo"><br />' + fotoinfo(arr[0]);
document.getElementById('target2').innerHTML = '<img src="http://live-co.com/images/avatars/7502.gif" border="0" title="photo"><br />' + fotoinfo(arr[1]);