Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje18-06-2009, 17:16 (UTC)    
Título del mensaje: etiquetas para imagenes al pasar el mouse

saludos.. compañeros de PWG quisiera hacerles una pregunta ..
resulta que quiero colocar en mi pagina una imagen que al pasar el mouse sobre esta imagen quiero q aparesca otra imagen. por aqui e conseguido un codigo pero creo que esta mezclado con otro codigo aunque resulta bien para lo que quiero pero me es dificil darle este codigo a varias imagenes q quiero y ademas no lo entiendo muy bien .. les agradesco su ayuda y aqui les dejo el codigo para que me ayuden a perfeccionarlo y a entenderlo.. el ejemplo de la pagina esta aqui http://manasbueno-bolsasdama.es.tl/dcc.htm
Cita:
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><style type="text/css">









<!--
#Layer1 {
position:absolute;
width:4px;
height:197px;
z-index:1;
left: 575px;
top: 177px;
visibility: visible;
}
#Layer2 {
position:absolute;
width:39px;
height:166px;
z-index:1;
left: 293px;
top: 35px;
visibility: visible;
}
.Estilo7 {font-size: 24px}
.Estilo9 {font-size: 36px}
#trg {
position:absolute;
width:10px;
height:115px;
z-index:1;
left: 591px;
top: 94px;
visibility: hidden;
}
#tcg {
position:absolute;
width:100px;
height:115px;
z-index:2;
left: 387px;
top: 99px;
visibility: hidden;
}
#trp {
position:absolute;
width:200px;
height:115px;
z-index:3;
left: 593px;
top: 348px;
visibility: hidden;
}
#tcp {
position:absolute;
width:200px;
height:115px;
z-index:4;
left: 392px;
top: 351px;
visibility: hidden;
}
--></style><script type="text/JavaScript">
<!--
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_showHideLayers() { //v6.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><script type="text/javascript" src="http://img.webme.com/pic/m/manasbueno-bolsasdama/09_sintetico_moda.bmp"></script>
<div id="color_id">&nbsp;</div>
<script type="text/javascript">
var fo = new FlashObject("ultimate.swf","color","640","148","6","#FFFFFF");
fo.addParam("menu","false");
fo.addParam("quality","best");
fo.addParam("salign","LT");
fo.addParam("scale","noscale");
fo.addParam("wmode", "transparent");
fo.write("color_id");
if (navigator.appName.indexOf("Microsoft")!= -1) {
document.color.style.position="absolute";
document.color.style.zIndex="10";
document.color.style.left="20px";
document.color.style.top="20px";
}else{
document.getElementById('color').style.position="absolute";
document.getElementById('color').style.zIndex="10";
document.getElementById('color').style.left="20px";
document.getElementById('color').style.top="20px";
}
</script>
<table cellspacing="0" cellpadding="0" width="932" border="0">
<!--DWLayoutTable-->
<tbody>
<tr>
<td valign="top" width="932" height="560">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<!--DWLayoutTable-->
<tbody>
<tr>
<td valign="top" colspan="3" rowspan="2">&nbsp;</td>
<td width="15" height="61">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="99">&nbsp;</td>
<td width="50">&nbsp;</td>
<td width="34">&nbsp;</td>
</tr>
<tr>
<td height="136">&nbsp;</td>
<td valign="top" rowspan="3"><img height="185" alt="" width="150" onmouseover="MM_showHideLayers('trg','','show')" onmouseout="MM_showHideLayers('trg','','hide')" src="http://img.webme.com/pic/m/manasbueno-bolsasdama/casual_sintetico.jpg" /></td>
<td valign="top" rowspan="2"><img height="185" alt="" width="150" onmouseover="MM_showHideLayers('trp','','show')" onmouseout="MM_showHideLayers('trp','','hide')" src="http://img.webme.com/pic/m/manasbueno-bolsasdama/05_sintetico_moda.bmp" /></td>
<td>&nbsp;</td>
<td valign="top" rowspan="2"><img height="185" alt="" width="150" onmouseover="MM_showHideLayers('tcp','','show')" onmouseout="MM_showHideLayers('tcp','','hide')" src="http://img.webme.com/pic/m/manasbueno-bolsasdama/casual_sintetico.jpg" /></td>
</tr>
</tbody>
</table>
<div id="trg" onmouseover="MM_showHideLayers('trg','','show')" onmouseout="MM_showHideLayers('trg','','hide')">&nbsp;</div>
<div id="tcg" onmouseover="MM_showHideLayers('tcg','','show')" onmouseout="MM_showHideLayers('tcg','','hide')">&nbsp;</div>
<div id="tcp" onmouseover="MM_showHideLayers('tcp','','hide')" onmouseout="MM_showHideLayers('tcp','','show')"><img height="184" alt="" width="249" src="http://img.webme.com/pic/m/manasbueno-bolsasdama/13_sintetico_moda.bmp" /></div>
<div id="trp" onmouseover="MM_showHideLayers('trp','','show')" onmouseout="MM_showHideLayers('trp','','hide')"><img height="184" alt="" width="249" src="http://img.webme.com/pic/m/manasbueno-bolsasdama/casual_sintetico.jpg" /></div>
</td>
</tr>
</tbody>
</table>
Código:
Mensaje18-06-2009, 17:28 (UTC)    
Título del mensaje:

Hola,
este código es mucha más sencillo, mira:
http://www.paginawebgratis.es/forum/viewtopic.php?t=2561

Salu2!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group