Como hago?

[deywibkiss]

crea una funcion que reciba el id del radio button y si las imagenes de las revistas no las llamas de la base de datos ps simplemente tienes un arreglo de las url de las imagenes y vas llamando a cada src segun corresponda:

En el html:

Código HTML:

<div id='gruporadiobuttons'>
<input type='radio' id='0' onclick='CargarImagenRevista($(this).attr("id"),"lienzorevistas");'/>
<input type='radio' id='1' onclick='CargarImagenRevista($(this).attr("id"),"lienzorevistas");'/>
<input type='radio' id='2' onclick='CargarImagenRevista($(this).attr("id"),"lienzorevistas");'/>
</div>
<!--aqui el lienzo de la imagen-->
<div id='lienzorevistas' style='float:left; margin-left:1em; width:420px; height:300px;'>
</div>
 

En el script js

Código Javascript:

//declaras un array global que almacene las rutas de las imagenes
 
var seturlimagenes = new Array();
 
//ejemplo con 3 imagenes:
 
seturlimagenes[0] = "url1delarevista1";
seturlimagenes[1] = "url1delarevista1";
seturlimagenes[2] = "url1delarevista1";
 
//funcion que recibe el id del radio button y el id del lienzo donde se va a pintar la imagen
 
function CargarImagenRevista(idradiobutton,idcanvas){
//esta linea es con jquery
//como la imagen la estamos cargando en el lienzo mediante la propiedad background, el //lienzo debe tener dimensiones ancho alto predefinidas
$('#'+idcanvas).css({backgroundImage:'url('+seturlimagenes[idradiobutton]+')'})
}
 

hay muchas maneras de hacerlo pero esta es al forma inmediata que se me ocurrio
Espero te sirva