hola amigos este codigo que tengo es para mover una sola imagen con el cursor del mouse pero necesito mover 7 imagenes diferentes y a diferentes lados de mi pagina, que le tengo que agregar, mas de codigo, para las otras 6 imagenes, gracias por su ayuda.
este es mi codigo
Código HTML:
<p align="center"><b>Pulsar y arrastrar imagen
<script>
var isNS4 = document.layers?true:false;
var isIE = document.all?true:false;
var isNS6 = !isIE && document.getElementById?true:false;
if (isIE||isNS6)
document.write('<div id=ball style="position:absolute;top:0:left:0"><a onmouseover="status=\'Click to move the ball\';return true;" href="javascript:clk()"><img src="jugador1.gif" border=0></a></div>');
var DRAG = false;
var offsetX = 15;// 1/2 the image width
var offsetY = 15;// 1/2 the image height
function clk() {
DRAG = !DRAG; if(!DRAG) status="I've been moved!";
}
if (isNS6) document.addEventListener("mousemove", getMousePosition, true);
if (isNS4) document.captureEvents(Event.MOUSEMOVE);
if (isIE||isNS4)document.onmousemove=getMousePosition;
function getMousePosition(e) {
if(!DRAG) return;
if (isNS4) {
document.ball.x=e.pageX-offsetX;
document.ball.y=e.pageY-offsetY;
}
if (isIE) {
document.all.ball.style.posLeft=event.x-offsetX;
document.all.ball.style.posTop=event.y-offsetY;
}
}
</script>