Foros del Web » Diseño web » CSS »

Cursor lupa (Onmouseover)

Estas en el tema de Cursor lupa (Onmouseover) en el foro de CSS en Foros del Web. Quería cambiar la forma del cursor por una lupa al pasar sobre las imágenes de mi web que se puden ampliar,, Alguien me puede decir ...
  #1 (permalink)  
Antiguo 20/12/2004, 01:16
Avatar de yesik  
Fecha de Ingreso: octubre-2004
Ubicación: Orense
Mensajes: 292
Antigüedad: 9 años, 6 meses
Puntos: 1
Cursor lupa (Onmouseover)

Quería cambiar la forma del cursor por una lupa al pasar sobre las imágenes de mi web que se puden ampliar,, Alguien me puede decir como??
Puede tener un objeto varias opciones Onmouseover?? X ej cambiar imagen y cursor??
__________________
Inmuebles de Galicia:: www.inmueblevirtual.net
Compartir piso Galicia:: www.inmueblevirtual.net/foro
  #2 (permalink)  
Antiguo 20/12/2004, 01:29
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 18.950
Antigüedad: 12 años
Puntos: 1105
Hola yesik:

Entre los cursores posibles no hay lupas, así que tendrás que hacerlo o buscarlo y convertirlo al formato "cur" o "ani" (el segundo caso es para cursores animados) y asignarlo al elemento con:
cursor: url(lupa.cur);

La verdad que puedes hacer varias cosas con onmouseover, pero la asignación del cursor creo que es mejor con estilos, ya que el cursor siempre se asocia al ratón por encima del elemento.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 20/12/2004, 01:33
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.983
Antigüedad: 12 años, 4 meses
Puntos: 57
Vámonos a CSS!
__________________
Cómo escribir|Economia Finanzas Peru
No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
  #4 (permalink)  
Antiguo 20/12/2004, 03:36
Avatar de yesik  
Fecha de Ingreso: octubre-2004
Ubicación: Orense
Mensajes: 292
Antigüedad: 9 años, 6 meses
Puntos: 1
He creado 1 estilocss

.foto {
cursor:"url(lupa.cur)";
}

y el lupa.cur esta en el mismo directorio que el del estilo


En las imagenes pongo


class="foto"

pero no me hace caso pq??
__________________
Inmuebles de Galicia:: www.inmueblevirtual.net
Compartir piso Galicia:: www.inmueblevirtual.net/foro
  #5 (permalink)  
Antiguo 20/12/2004, 04:15
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 18.950
Antigüedad: 12 años
Puntos: 1105
Cita:
Iniciado por yesik
He creado 1 estilocss

.foto {
cursor:"url(lupa.cur)";
}

y el lupa.cur esta en el mismo directorio que el del estilo


En las imagenes pongo


class="foto"

pero no me hace caso pq??
Hola otra vez:

¿El directorio del cursor y el del estilo es el mismo que el de la página?

Ante la duda, prueba con la ruta absoluta y dinos si te funciona.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 20/12/2004, 06:14
Avatar de yesik  
Fecha de Ingreso: octubre-2004
Ubicación: Orense
Mensajes: 292
Antigüedad: 9 años, 6 meses
Puntos: 1
En la hoja de estilos tengo otros que si funcionan, le agi a esta un link desde la página, que esta en un dir "ermano",, es decir tengo las fotos, cursores y estilos en 1 dir y las pag en otro dir a mismo nivel
__________________
Inmuebles de Galicia:: www.inmueblevirtual.net
Compartir piso Galicia:: www.inmueblevirtual.net/foro
  #7 (permalink)  
Antiguo 20/12/2004, 09:07
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.368
Antigüedad: 11 años, 5 meses
Puntos: 316
Hola todos :

yesik : puede ser que no estés usando IE6.

Para otros navegadores quizá debas valerte de un truco que sí usa mouseover . Recuerdo haber puesto un ejemplo dentro de un código en

Zoom en una imagen

La idea es cambiar el puntero por crosshair y luego agregar una imagen que siga la posición del ratón. El ejemplo usa justo un código propietario de IE, pero Mozilla seguro tiene también cómo capturar la posición del puntero para ubicar la imagen de la lupa.

saludos

furoya
  #8 (permalink)  
Antiguo 23/02/2007, 10:54
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.368
Antigüedad: 11 años, 5 meses
Puntos: 316
Re: Cursor lupa Mozilla / Firefox.

Resulta que Mozilla sí tenía punteros "lupa".

Código:
cursor : -moz-zoom-inn;
cursor : -moz-zoom-out;
Y Firefox no necesita un escript para acomodar una imagen con el cursor, ya que acepta tanto un "lupa.cur" como un "lupa.gif".

Cambiar el cursor del raton #8

El problema será hacer compatibles los códigos para IE
  #9 (permalink)  
Antiguo 30/09/2008, 13:34
Avatar de farra  
Fecha de Ingreso: marzo-2008
Ubicación: Aqui estoy
Mensajes: 575
Antigüedad: 6 años, 1 mes
Puntos: 19
De acuerdo Respuesta: Cursor lupa (Onmouseover)

<script language="javascript" type="text/javascript">
function cambia(id,imgchica,imggrande){
var cual = document.getElementById('cual').value;
if(cual == "1"){
document.getElementById('cual').value='0';
document.getElementById(id).src=imgchica;
}else{
document.getElementById('cual').value='1';
document.getElementById(id).src=imggrande;
}
}
</script>

<p><img src="images/molino_200.jpg" alt="Molinos Forrajeras Robot" id="molino" style="cursor: url(lupa.cur);" onclick="cambia('molino','images/molino_200.jpg','images/molino_500.jpg')" /> <input name="cual" id="cual" type="hidden" value="0" /> </p>
__________________
Firma:
Es mas dificil para el mono entender que el hombre desciende de el....

PD: Siempre doy karma al que me da una buena respuesta... ;0)
  #10 (permalink)  
Antiguo 01/10/2008, 10:31
okram
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Cursor lupa (Onmouseover)

Cita:
Iniciado por yesik Ver Mensaje
.foto {
cursor:"url(lupa.cur)";
}
De casualidad no será...
Código css:
Ver original
  1. .foto {
  2.     cursor: url(lupa.cur);
  3. }
Estoy seguro que notarás la diferencia.

Saludos,
  #11 (permalink)  
Antiguo 01/10/2008, 11:26
Avatar de JavierB
Moderata
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.055
Antigüedad: 12 años, 2 meses
Puntos: 764
Respuesta: Cursor lupa (Onmouseover)

El mensaje original es de hace casi 4 años. Por favor, no reviváis temas tan antiguos.

Saludos,
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 11:40.
SEO by vBSEO 3.3.2