Foros del Web » Creando para Internet » Herramientas y Software »

Problemas con roll over en Dreanweaver

Estas en el tema de Problemas con roll over en Dreanweaver en el foro de Herramientas y Software en Foros del Web. Estoy intentando hacer un roll over con Dreamweaver pero solo consigo hacer que una imagen me aparezca pero despues no consiguo que desaparezca, me explico: ...
  #1 (permalink)  
Antiguo 27/05/2003, 08:25
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años, 8 meses
Puntos: 65
Problemas con roll over en Dreanweaver

Estoy intentando hacer un roll over con Dreamweaver pero solo consigo hacer que una imagen me aparezca pero despues no consiguo que desaparezca, me explico:

Lo he intentado creando una capa en la que llevo una imagen dentro que es la que quiero que aparezca y desaparezca, y otra imagen que es la que hará la acción cuando ponga el ratón encima, pero al poner el ratón sobre esta solo me la muestra y después cuando desplazo el ratón sigue ahí y no se va.

Hasta ahora le he puesto en los comportamientos mostrar la capa que quiero con el evento OnMouseOVER y que aparezca pero no consigo ponerle OnMouse Out.

Por cierto que es mejor hacer un rool over con Phothoshop o con Dreamweaver?, lo digo por que he oido que una java scpritp tarda más en cargar que el rool over de photoshop.

Bueno espero que me entiendan y si es posible que alguien me eche una mano.

Saludosss
  #2 (permalink)  
Antiguo 27/05/2003, 10:33
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Hola, kahlito.

En Dreamweaver tienes una forma muy sencilla, que es utilizar el menú:

Insertar->Imágenes interactivas->Imágen de sustitución

En la ventana que te sale pones las 2 imágenes que quieres utilizar y el resto lo hace todo él solito.

Espero que te ayude. Saludos,
  #3 (permalink)  
Antiguo 27/05/2003, 11:00
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 23 años
Puntos: 61
Vamos a mover esto a editores...
__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
  #4 (permalink)  
Antiguo 27/05/2003, 15:12
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 22 años, 7 meses
Puntos: 3
Hola

Hay que seleccionar Restaurar Imagen al Salir OnmouseOut=""

saludos
  #5 (permalink)  
Antiguo 27/05/2003, 16:17
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años, 8 meses
Puntos: 65
Roll over

He probado como tu dices CORE pero aún así no me sale, no se si lo que hago es lo que te me explicas:

yo despues de elegir onmouse over, luego vuelvo a señalar un nuevo comportamiento elegiendo Restaurar imagen intercambiada, pero se me queda igual.

¿Es eso?

Por cierto tampoco logro meterle un onmouse out

Saludosss

Última edición por kahlito; 27/05/2003 a las 16:21
  #6 (permalink)  
Antiguo 28/05/2003, 02:51
Avatar de Bravenap  
Fecha de Ingreso: noviembre-2002
Ubicación: Los Arroyos, El Escorial, Madrid
Mensajes: 2.084
Antigüedad: 22 años
Puntos: 4
¿Por qué no escribes el código para que podamos ver qué es lo que está mal?
__________________
¡¡NO A LA GUERRA!!
Si ponemos a nuestros mensajes títulos adecuados, la gente se animará más a abrirlos y resultarán más útiles en las busquedas. ¡No a los ayuuudaaa, urgenteee y similares!
  #7 (permalink)  
Antiguo 28/05/2003, 07:25
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años, 8 meses
Puntos: 65
Roll over

Bueno solo pongo este ejemplo en el que utilizo una imagen y una capa que es la que quiero que aparezca y desaparezca, aunque solo lo he puesto con el evento OnmouseOver ya que el Onmouse Out no logro sacarlo.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; left:270px; top:47px; width:250px; height:82px; z-index:1; visibility: hidden"><img src="Fotos/coche4.jpg" width="331" height="200"></div>
<a href="javascript:;" onMouseOver="MM_showHideLayers('Layer1','','show') "><img src="Fotos/coche1.gif" width="92" height="49" border="0"></a>
</body>
</html>

Saludosss
  #8 (permalink)  
Antiguo 28/05/2003, 10:42
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
Hola de nuevo.

Supongo que el evento onMouseOver lo has puesto usando la ventana de comportamientos y la opción cambiar propiedad. Vuelve a hacerlo y luego usa la flecha a la derecha del nuevo evento (el que acabas de crear) y en el menu desplegable elige "onMouseOut". Yo acabo de hacerlo y no me ha dado ningún problema.

Si no te aparece "onMouseOut" en el menú desplegable, usa la opción "Mostrar eventos para" y selecciona el navegador adecuado.

Espero que lo soluciones. Saludos,
  #9 (permalink)  
Antiguo 28/05/2003, 13:23
Avatar de CORE
Usuario no validado
 
Fecha de Ingreso: abril-2002
Ubicación: Merida
Mensajes: 2.165
Antigüedad: 22 años, 7 meses
Puntos: 3
La bronca esta en que no tiene una funcion al salir

onMouseOut="MM_showHideLayers('Layer1','','hide')" ><
  #10 (permalink)  
Antiguo 28/05/2003, 14:27
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años, 8 meses
Puntos: 65
Ya era horaaaaaa

Por fin he dado en el clavo

Bueno gracias a vuestros consejos he logrado solucinar el problema que no era otro que cambiar en el panel de comportamientos mostrar eventos para un navegador superior ya que el que tenia antes no me mostraba la propiedad OnmouseOut, muchas gracias.

Bueno aun me han quedado algunas dudillas: en cuanto a cuando pulso en el polo positivo de comportamiento y eligo cambiar propiedad no entiendo que puedo hacer ahí

Tambien me pregunto si se puede hacer roll overs solo al pasar el ratón sobre una imagen o tambien con un parrafo, gif, palabra o letra....etc,

Ya por ultimo una pregunta sobre comodidad y carga: ¿Que es aconsejable hacer un roll over con Phothoshop o con Dreamweaver, ya que uno de los dos supongo que tardará más en cargar despues en la web no, y para trabajar.....?

Bueno si saben algo me responden y si no MUCHAS GRACIAS a todos por vuestra ayuda, que el problema ya está resuelto.

Saludosss
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.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:37.