arrastrar div y activar funcion

[helion]

Hola gente... espero puedan ayudarme,veran quiero hacer lo siguiente ...

Código PHP:

  <style type="text/css"> 
#img-00 { 
    position: absolute; 
    width: 74px; 
    height: 61px; 
    left: 88px; 
    top: 178px; 
    background-color: #0066FF; 
} 
#img { 
    position: absolute; 
    width: 74px; 
    height: 61px; 
    left: 327px; 
    top: 178px; 
    background-color: #FF9900; 
} 
</style> 
<div id="img-00">Div fijo<br> 
  IMAGEN1 
</div> 
<div id="img">div que se arrastre<br> 
  IMAGEN2 
</div>  
   

Quiero poder arrastrar la imagen 2 a la imagen 1 ...
cuando este llegue ahi, que desaparesca las 2 imagenes y aparesca una nueva, luego se active una alerta comunicando que llego ...


pueden darme ideas porfavor ? se los agradecería...

[ipraetoriux]

aca tienes un ejemplo basico similar a lo que quieres. Basicamente debes usar el evento drop para lanzar la funcion una vez que la imagen1 este en lugar de la imagen2
http://html5demos.com/drag

[IsaBelM]

tema tratado y solucionado aquí