sustituir puntero por imagen

ebenitez · #1 (**permalink**) 22/02/2005, 19:43

Hola!, me gustaría saber como puedo sustituir el puntero de la flechita por una imagen. estoy haciendo la página en dreamw.
ciaoo

Jorgelongolongo · #2 (**permalink**) 22/02/2005, 20:19

Código:

No lo recomiendo, pero bueno entre <body> y </body> 

Cambia donde dice Url de tu gif , por la dirección absoluta de tu imagen . 


<script LANGUAGE="JavaScript1.2"> 

<!-- Begin 
var brOK = false, mie = false; 
if (document.layers || document.all) brOK = true; 
if (document.all) mie = true; 
var ex = 0, ey = 0; 
var ae, le, re, x0, y0, tid, realx, realy; 
function navMove(e) { 
ex = e.pageX; 
ey = e.pageY; 
moveeye() 
return routeEvent(e); 
} 
function mieMove() { 
ex = document.body.scrollLeft + event.x; 
ey = document.body.scrollTop + event.y; 
moveeye(); 
} 
function moveeye() { 
dy = ey - y0 - 20; 
dx1 = ex - x0 - 20; 
dx2 = ex - x0 - 60; 
r = Math.sqrt(dx1 * dx1 + dy * dy); 
if (r < 20) r = 20; 
dx1 = dx1 * 10 / r + x0 + 10; 
dy1 = dy * 10 / r + y0 + 10; 
r = Math.sqrt(dx2 * dx2 + dy * dy); 
if (r < 20) r = 20; 
dx2 = dx2 * 10 / r + x0 + 50; 
ae.left = x0; 
ae.top = y0; 
le.left = dx1; 
le.top = dy1; 
re.left = dx2; 
re.top = dy1; 
} 
function setHandlers() { 
if (!mie) { 
y0 = document.eyeballs.top; 
x0 = document.eyeballs.left; 
ae = document.eyeballs; 
le = document.lefteye; 
re = document.righteye; 
window.captureEvents(Event.MOUSEMOVE); 
window.onMouseMove = navMove; 
} 
else { 
y0 = document.all.eyeballs.style.pixelTop; 
x0 = document.all.eyeballs.style.pixelLeft; 
ae = document.all.eyeballs.style; 
le = document.all.lefteye.style; 
re = document.all.righteye.style; 
window.document.onmousemove = mieMove; 
} 
realx = x0 + 0.1; 
realy = y0 + 0.1; 
moveall(); 
} 
function moveall() { 
rx = realx + 40; 
ry = realy + 40; 
rx += (ex - rx) * 0.1; 
ry += (ey - ry) * 0.1; 
realx = rx - 40; 
realy = ry - 40; 
x0 = Math.round(realx); 
y0 = Math.round(realy); 
moveeye(); 
tid = setTimeout('moveall()', 100); 
} 
function placeeyes(x, y) { 
if (brOK) { 
ex = x + 40; 
ey = y + 40; 
s = '<DIV ID ="dummy" STYLE="position:absolute; ' + 
'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>'; 
s += '<DIV ID="eyeballs" STYLE="position:absolute; ' + 
'top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC=' + 
'"whites.gif" border=0></DIV>'; 
s += '<DIV ID="lefteye" STYLE="position:absolute; ' + 
'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' + 
'<IMG SRC="pupil.gif" border=0></DIV>'; 
s += '<DIV ID="righteye" STYLE="position:absolute; ' + 
'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' + 
'<IMG SRC="URL DE TU GIF" border=0></DIV>'; 
document.writeln(s); 
} 
} 
function clearEyes() { 
if (tid) clearTimeout(tid); 
} 
placeeyes(200, 100); 
window.onload = setHandlers; 
window.onunload = clearEyes; 
// End --> 
</script>

Fuente: http://miarroba.com/foros/ver.php?fo...temaid=2365036

programeitor · #3 (**permalink**) 22/02/2005, 21:15

Bueno ,hay otra forma.

ebenitez · #4 (**permalink**) 23/02/2005, 15:04

PARA Jorgelongolongo Y PROGRAMEItor

bueno, ya k me pones todo el código, ahí abajo te pego el código q tengo ahora puesto para el puntero que son las típicas letras que le siguen.
Tendría entonces k poner tú código aparte del mio supongo?, aunq esto puede ser ya un cachondeo, tanto códico para un simple puntero no?.

En cuanto a la segunda opción la de PROGRAMEITOR

<body style="cursor:url(tu_cursor)">

es así de simple?, detras de url tengo k poner la dirección de la imagen supongo. pues no me sale.

ciao

CODIGO ACTUAL PARA EL CURSOR:

<script language=JavaScript>
var x,y
var tempo=12
var espera=0

var texto=" sígueme "
texto=texto.split("")

var xpos=new Array()
for (i=0;i<=texto.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=texto.length-1;i++) {
ypos[i]=-50
}

function seguir(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
espera=1
}

function animar_cursor() {
if (espera==1 && document.all) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y

for (i=0; i<texto.length-1; i++) {
var camada = eval("span"+(i)+".style")
camada.posLeft=xpos[i]
camada.posTop=ypos[i]
}
}

else if (espera==1 && document.layers) {
for (i=texto.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+tempo
ypos[i]=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y

for (i=0; i<texto.length-1; i++) {
var camada = eval("document.span"+i)
camada.left=xpos[i]
camada.top=ypos[i]
}
}
var timer=setTimeout("animar_cursor()",30)
}

</script>

thunder.scripts · #5 (**permalink**) 23/02/2005, 15:08

El código de programeitor sólo funciona en IE ;)

programeitor · #6 (**permalink**) 23/02/2005, 15:43

Si ,donde pone tu_cursor pones la direccion de la imagen,que debe ser *.cur o *.ani.

Sobre lo qu dice thunder.scripts

, es cierto; solo funciona con IE, una pena

.

thunder.scripts · #7 (**permalink**) 23/02/2005, 15:59

Me extraña que ningún browser como la gente acepte cursor:url(), pensaba que no era CSS estándar, pero sí lo es :S

programeitor · #8 (**permalink**) 23/02/2005, 19:29

yo solo lo he probado en IE y en NS ,y la verdad ,no se si funciona en otros navegadores.