Hola a todos,
Hace tiempo pregunté sobre este tema, y no consigo hacerlo, a ver si alguien me puede ayudar, la verdad, es muy importante que salga, es un efecto que lo necesito.
Quiero hacer algo como al estilo que sale en
www.clubatleticodemadrid.com, agrandar la imagen de la esquina superior derecha.
Este es mi codigo.
Código Fuente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento sin título</title>
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
}
body {
background-color: #000000;
}
-->
</style>
<script language="javascript1.4" type="text/javascript">
function tamano(im,num) {
if (num==0) {
im.style.width = '228px';
im.style.height = '137px';
}
else {
im.style.width = '303px';
im.style.height = '212px';
}
}
</script>
</head>
<body>
<!--
<img src="570115100001.jpg" width="320" name="imagen" height="250" onmousemove="if(this.width < 330) setTimeout('document.images.imagen.width++', 50)" onmouseout="this.width = 320" />
-->
<table border="1" width="100%" align="center">
<tr>
<td width="15%"><img src="570115100001.jpg" style="width:228px; height:137px" onmouseover = "tamano(this,1)" onmouseout = "tamano(this,0)" /></td>
<td>dfsdf</td>
<td width="15%"><img src="570115100001.jpg" style="width:228px; height:137px" onmouseover = "tamano(this,1)" onmouseout = "tamano(this,0)" /></td>
<td>dfsdf</td>
<td width="15%"><img src="570115100001.jpg" style="width:228px; height:137px" onmouseover = "tamano(this,1)" onmouseout = "tamano(this,0)" /></td>
<td>dfsdf</td>
</tr>
<tr>
<td width="15%">Descripción 1</td>
<td>dfsdf</td>
<td width="15%">Descripción 2</td>
<td>dfsdf</td>
<td width="15%">Descripción 3</td>
<td>dfsdf</td>
</tr>
<tr>
<td width="15%"><img src="570115100001.jpg" style="width:228px; height:137px" onmouseover = "tamano(this,1)" onmouseout = "tamano(this,0)" /></td>
<td>dfsdf</td>
<td width="15%"><img src="570115100001.jpg" style="width:228px; height:137px" onmouseover = "tamano(this,1)" onmouseout = "tamano(this,0)" /></td>
<td>dfsdf</td>
<td width="15%"><img src="570115100001.jpg" style="width:228px; height:137px" onmouseover = "tamano(this,1)" onmouseout = "tamano(this,0)" /></td>
<td>dfsdf</td>
</tr>
<tr>
<td width="15%">Descripción 4</td>
<td>dfsdf</td>
<td width="15%">Descripción 5</td>
<td>dfsdf</td>
<td width="15%">Descripción 6</td>
<td>dfsdf</td>
</tr>
<tr>
<td width="15%"><img src="570115100001.jpg" style="width:228px; height:137px" onmouseover = "tamano(this,1)" onmouseout = "tamano(this,0)" /></td>
<td>dfsdf</td>
<td width="15%"><img src="570115100001.jpg" style="width:228px; height:137px" onmouseover = "tamano(this,1)" onmouseout = "tamano(this,0)" /></td>
<td>dfsdf</td>
<td width="15%"><img src="570115100001.jpg" style="width:228px; height:137px" onmouseover = "tamano(this,1)" onmouseout = "tamano(this,0)" /></td>
<td>dfsdf</td>
</tr>
<tr>
<td width="15%">Descripción 7</td>
<td>dfsdf</td>
<td width="15%">Descripción 8</td>
<td>dfsdf</td>
<td width="15%">Descripción 9</td>
<td>dfsdf</td>
</tr>
</table>
</body>
</html>