Estoy haciendo un sorteo usando JSON, CSS y HTML, en el que tengo un array JSON así:
var data = [
{
"label":"DELFIN",
"value":0,
"name":"1",
"question":"DELFIN",
"png":"png/delfin.png",
"ogg":"ogg/delfin.ogg"
}
];
Estoy ubicando en un sitio, en mi página los elementos retornados usando:
.text( function(d, i) {
return data[i].value; // + '\n' +data[i].value; se concateno el return para poder agregar mas cosas a la Ruleta
});
Mi duda es que cuando cambio el valor retornado por png, me trae el texto "png/delfin.png" en mi HTML. ¿Cómo puedo hacer para no traer el texto sino una imagen para mostrarla donde actualmente muestro el value del array?
Éste es el código HTML:
<table id="listaderesultados" width="50%" align="center" cellpadding="1" cellspacing="0" bordercolor="#006699" class="decotablas">
<tbody>
<tr align="center" bgcolor="#f7f7f7" class="titulos_tablas">
<td>
<strong>RESULTADOS</strong>
</td>
</tr>
<tr align="center" class="textos_reporte">
<td id="question">
</td>
</tr>
</tbody>
</table>