como ver una imagen al pasar con el raton

beriain · #1 (**permalink**) 21/12/2004, 05:44

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

monoswim · #2 (**permalink**) 21/12/2004, 06:00

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