recuperar info de php y mostrarla en javascript

[viringas]

hola a todos, veréis tengo el siguiente problemita, tengo un par de funciones en javascript que lo q hacen es que envía un numero aleatorio a una hoja en php comprueba que exista ese numero en la base de datos y recupera información para mostar, esta información que recupera es el nombre de una imagen, yo kiero saber xq no tengo mucha idea de javascrip es como puedo hacer para que dicho nombre lo pueda guardar en una variable javascrip y luego pasarela a una etiketa <img> de html

lo que tengo es esto pero no recupera la imagen.

Código Javascript:

function recargarImgDer(){  
                            var variable_post = numAleatorioDerecho(); 
                            $.post("recuperarImagenesNoticias.php", { variable: variable_post }, function(data){
                            var rutaimagen = data;
                            
                            }); 
                        }
                        
                        timer = setInterval("recargarImgDer()",7000);
 

el codigo php no lo pongo xq recupera perfectamente los datos de la bd

yo kisiera q el nombre recuperado se muestre aquí:

Código HTML:

<img width='110' height='110' style="margin-right:5px;float:left;" border='0'src="aki es donde iria el valor recuperado de la bd"/>
 
 
gracias a todos por la ayuda proporcionada y perdón por si no me explico todo lo bien que debería para hacer mas comprensible mi problema
 

[maycolalvarez]

pues lo único que veo que haces con la respuesta es:

var rutaimagen = data; //esto sólo asigna una variable local, no hace más nada!

es allí donde debes colocar el código para modificar el atributo src del <img>