Es que sólo hiciste una de las modificaciones sugeridas:
Cita: Se puede hacer con algunas pequeñas modificaciones.
En lugar de agregar un listener a los eventos del mouse al document, tienes que agregar el listener al div que contiene la imagen. En lugar de usar un <img /> usar CSS (background-image) para mostrar la imagen y después cambiar el script para que
los cuadros sean añadidos no al tag BODY sino al div que contiene la imagen.
Con el primer punto me refiero a estas líneas:
Código:
zxcAddEvt(document,'zxcDrag','mousemove')
zxcAddEvt(document,'zxcMseDown','mousedown')
zxcAddEvt(document,'zxcMseUp','mouseup')
Y el segundo punto:
Código:
document.getElementsByTagName('BODY')[0].appendChild(zxcObj);