Eso es simplemente editar un poco.
funcion.js
Código:
//Lo anterior igual al ultimo posteo
function MostrarRegistros(){
contenido = '';
var dato = retorno.shift();
if(dato == undefined) {
limpiar();
return;
}
contenido += '<div id="registro'+dato.num+'"><p>'+dato.num+'</p><p>'+dato.img+'</p></div>';
var dato = retorno.shift();
if(dato == undefined)
limpiar();
else
contenido += '<div id="registro'+dato.num+'"><p>'+dato.num+'</p><p>'+dato.img+'</p></div>';
document.getElementById('ajax_datos').innerHTML = contenido;
}
y recuperar.php
Código:
<?php
$numero = null;
if(is_numeric($_GET['codigo'])){
$con=mysql_connect("localhost","root","elpassword");
mysql_select_db("db");
$consulta="select * from prueba where id=".$_GET['codigo'];
$reg=mysql_query($consulta);
while ($row = mysql_fetch_assoc($reg)){
$numero[]= array('num'=>$row['numero'],
'img'=>$row['imagen']);
}
mysql_close($con);
}
echo json_encode($numero);
?>
Es decir, según el código que te mostré anteriormente, en funcion.js editar únicamente la funcion MostrarRegistros y, por supuesto, editar recuperar.php
A mi me funciona. Obviamente aquí sólo estoy imprimiendo el contenido de las columnas numero e imagen. Tu probablemente querás pasar el contenido de "imagen" al src de un tag img o algo así, También deberás comprobar si la imagen no está nula y eso, pero eso es cuento tuyo.
Saludos.