Actualizar solo la imagen sin recargar pagina

[eduardodp]

Ok bro he tratado de hacerlo pero solo me actulaliza el primero este es el javascript

Código Javascript:

addEvent(window,'load',inicializarEventos,false);
 
function inicializarEventos()
{
  var ob;
  for(f=1;f<=1000;f++)
  {
    ob=document.getElementById('enlace'+f);
    addEvent(ob,'click',presionEnlace,false);
  }
}
 
function presionEnlace(e)
{
  if (window.event)
  {
    window.event.returnValue=false;
    var url=window.event.srcElement.getAttribute('href');
    cargarHoroscopo(url);     
  }
  else
    if (e)
    {
      e.preventDefault();
      var url=e.target.getAttribute('href');
      agregacarrito(url);     
    }
}
 
 
var conexion1;
function agregarcarrito(url) 
{
  if(url=='')
  {
    return;
  }
  conexion1=crearXMLHttpRequest();
  conexion1.onreadystatechange = procesarEventos;
  conexion1.open("GET", url, true);
  conexion1.send(null);
}
 
function procesarEventos()
{
  var detalles = document.getElementById("detalles");
  if(conexion1.readyState == 4)
  {
    detalles.innerHTML = conexion1.responseText;
  } 
  else 
  {
    detalles.innerHTML = 'Cargando...';
  }
}
 
function addEvent(elemento,nomevento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
  }
  else  
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nomevento,funcion,captura);
      return true;
    }
    else
      return false;
}
 
function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}
 

Código HTML:

<div id="detalles"><a id="enlace1" href="pagina1.php?cod=1&<?php echo SID ?>&id=<?php echo $row['clave']; ?>"><img src="imajen.jpg"</a></div>
 

Solo cambia la imagen del primer resultado que aparece pero no me hace las acciones de php
y en los demas resultados me campia de pagina ¿en que ando mal?