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??
20/12/2004, 02:16
| ||||
| ||||
| 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 |
|
20/12/2004, 02:29
| ||||
| ||||
| 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 |
|
20/12/2004, 02:33
| ||||
| ||||
| Vámonos a CSS!
__________________ Cómo escribir No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |
|
20/12/2004, 04:36
| ||||
| ||||
| 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 |
|
20/12/2004, 05:15
| ||||
| ||||
| Cita: Hola otra vez:
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?? ¿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 |
|
20/12/2004, 07:14
| ||||
| ||||
| 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 |
|
20/12/2004, 10:07
| |||
| |||
| 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 |
|
23/02/2007, 11:54
| |||
| |||
| Re: Cursor lupa Mozilla / Firefox. Resulta que Mozilla sí tenía punteros "lupa".
Código:
Y Firefox no necesita un escript para acomodar una imagen con el cursor, ya que acepta tanto un "lupa.cur" como un "lupa.gif".cursor : -moz-zoom-inn; cursor : -moz-zoom-out; Cambiar el cursor del raton #8 El problema será hacer compatibles los códigos para IE |
|
30/09/2008, 13:34
| ||||
| ||||
 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) |
|
01/10/2008, 10:31
| |||
| |||
| Respuesta: Cursor lupa (Onmouseover) Cita: De casualidad no será...
Iniciado por yesik  .foto { cursor:"url(lupa.cur)"; }
Código css:
Estoy seguro que notarás la diferencia.Ver original Saludos,  |
|
01/10/2008, 11:26
| ||||
| ||||
| Respuesta: Cursor lupa (Onmouseover) El mensaje original es de hace casi 4 años. Por favor, no reviváis temas tan antiguos. Saludos, |
