25/03/2004, 16:29
| ||||
| ||||
| Por que demora tanto el cambio de imagenes??? Hola!!! Tengo un script para que cuando se pase el puntero sobre una imagen, cambie a otra. Además, tengo una codigo parala precarga de esas imagenes, por lo cual no veo por qué cada vez que paso el puntero se demora mucho en cambiar la imagen. Gracias!!! |
|
25/03/2004, 16:52
| ||||
| ||||
| Hola MateoVasco: La verdad es que a mi me pasaba lo mismo, teniendo el sistema rollover perfectamente y opté por "inventarme otro tipo de rollover y me va mucho mejor. En la página de mi perfil lo puedes ver  , hay un menú a la izquierda con este sistema, y en el frame principal está lo mismo pero con el sistema tradicional (pronto lo actualizaré)El truco está en poner una capa con posición relativa, y dentro de esa capa las dos imágenes con posición absoluta y las coordenadas 0,0 (top y left)... teniendo una imagen oculta por la capa superior... en el momento de ponerse el ratón encima, la capa se hace invisible, dejando al descubierto la inferior... luego con el evento onmouseout vuelvo a hacer visible la capa superior. La verdad es que el método tradicional de reemplazo de imágenes, estando en memoria tendría que funcionar, pero puedes probar esta alternativa, y comunicarnos los resultados. Saludos |
|
25/03/2004, 18:31
| ||||
| ||||
| Ciertamente caricatos logra una buena velocidad de carga de sus imágenes... :) Pero ya que estoy escribiendo, diré algo interesante... Bueno, al menos lo intentaré... X-))) Revisa esta página, seguro que encuentras efectos como el que quieres muy rápidos e interesantes... http://www.meyerweb.com/eric/css/edge/index.html Suerte Felicidad
__________________ ¡ hey, hou, hou, hey ! |
|
25/03/2004, 20:49
| ||||
| ||||
| Cita: Sí, ciertamebte es muy rápido...Mensaje Original por caricatos Hola MateoVasco: La verdad es que a mi me pasaba lo mismo, teniendo el sistema rollover perfectamente y opté por "inventarme otro tipo de rollover y me va mucho mejor. En la página de mi perfil lo puedes ver , hay un menú a la izquierda con este sistema, y en el frame principal está lo mismo pero con el sistema tradicional (pronto lo actualizaré)El truco está en poner una capa con posición relativa, y dentro de esa capa las dos imágenes con posición absoluta y las coordenadas 0,0 (top y left)... teniendo una imagen oculta por la capa superior... en el momento de ponerse el ratón encima, la capa se hace invisible, dejando al descubierto la inferior... luego con el evento onmouseout vuelvo a hacer visible la capa superior. La verdad es que el método tradicional de reemplazo de imágenes, estando en memoria tendría que funcionar, pero puedes probar esta alternativa, y comunicarnos los resultados. Saludos pero no sé mucho de JavaScript. Me podrías decr dónde puedo buscar ese código. En alguna página??? o como crees que se debería hacer en un buscador como google??? Gracias!!! |
|
26/03/2004, 02:42
| ||||
| ||||
| Hola otra vez: Aquí tienes el código simplificado: <html> <head> <title> rollover de imagenes (nueva) </title> </head> <body > <div style="position:relative" > <img src="http://www.sucaricatura.com/ficheros/boton1.gif" name="img1" style="position:absolute; top: 0; left: 0" onmouseout="document.images.img2.style.visibility = 'visible'" /> <img src="http://www.sucaricatura.com/ficheros/boton2.gif" style="position:absolute; top: 0; left: 0" onmouseover="this.style.visibility = 'hidden'" /> </div> </body> </html> También puedes probarlo directamente es esta página: http://www.pepemolina.com/probador/index.html copiándolo en el textarea y pulsando el botón "mostrar resultados". Saludos  |
|
26/03/2004, 14:22
| ||||
| ||||
| Hola otra vez: Evidentemente te has dado cuenta del error ya que en la primera imagen no hacía falta el atributo name y en la segunda sí: name="img2" Saludos  |
