Foros del Web » Creando para Internet » HTML »

como ver una imagen al pasar con el raton

Estas en el tema de como ver una imagen al pasar con el raton en el foro de HTML en Foros del Web. Hola llevo una temporada intentando hacer una web ,y me ha surgido un problema no se como escribir en html que al pasar por un ...
  #1 (permalink)  
Antiguo 21/12/2004, 05:44
 
Fecha de Ingreso: diciembre-2004
Ubicación: zaragoza (spain)
Mensajes: 9
Antigüedad: 13 años
Puntos: 0
como ver una imagen al pasar con el raton

Hola
llevo una temporada intentando hacer una web ,y me ha surgido un problema
no se como escribir en html
que al pasar por un enlace me salga una imagen
se que es un evento con "onmouseover" pero no consigo entender las ayudas que encuentro y me estoy volviendo loco.
a ver si podeis ayudarme con esta instruccion en Html.
gracias
  #2 (permalink)  
Antiguo 21/12/2004, 06:00
Avatar de monoswim
$moderador{'Esteban'}
 
Fecha de Ingreso: febrero-2002
Ubicación: Buenos Aires - Argentina
Mensajes: 8.762
Antigüedad: 15 años, 10 meses
Puntos: 90
Si quieres sustituir una imagen por otra al pasar el mouse por la imagen original prueba esto que viene en el dreamweaver:

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  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 && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('file:///C|/Documents%20and%20Settings/Administrador/Mis%20documentos/monoswim/P%E1ginas%20de%20Clientes%209/Ideario/HTML%20-%20ecommerce/imagenes/boligrafos/retractiles%20plasticos/B118-COLISEO.jpg')">
<a href="Hiperv%EDnculo" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','file:///C|/Documents%20and%20Settings/Administrador/Mis%20documentos/monoswim/P%E1ginas%20de%20Clientes%209/Ideario/HTML%20-%20ecommerce/imagenes/boligrafos/retractiles%20plasticos/B118-COLISEO.jpg',1)"><img src="file:///C|/Documents%20and%20Settings/Administrador/Mis%20documentos/monoswim/P%E1ginas%20de%20Clientes%209/Ideario/HTML%20-%20ecommerce/imagenes/boligrafos/retractiles%20plasticos/B114-1_AZUL.jpg" alt="Texto alternativo" name="Image1" width="400" height="60" border="0"></a> 
</body>
</html>
Ahora bien si tienes un link y quieres que aparezca una imagen en otro lado de la pantalla debes usar

Código:
<html>
<head>
<script  language="JavaScript" type="text/javascript">
function writeLayer(layerID,txt){
   if(document.getElementById){
     document.getElementById(layerID).innerHTML=txt;
    }else if(document.all){
      document.all[layerID].innerHTML=txt;
    }else if(document.layers){
         with(document.layers[layerID].document){
                open();
                write(txt);
                close();
        }
    }
}
</script>
</head>
<body>
<div id="imagen">Acá erstara la imagen</div>
<a href="#" onmouseover="writeLayer('imagen','<img ....>')">clickeame</a>
</body>
</html>
Bueno espero que te sirva

Saludos
__________________
Esteban Quintana
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 04:32.