He logrado montar esto pero algo falla. Resulta que cuando ejecuto el *.html que incluye lo de abajo sale bien.
Y se ve en grande la foto "31" y el resto en pequño bajo. Cuando posiciono el ratón en otra foto ...sale mal la foto.
¿Dónde esta el fallo?.
Muchas gracias
Saludos Morgan007
<quote>
<html>
<head>
<script language="JavaScript1.2" src="js/utils.js"></script>
<script>
function set_foto(nom_foto)
{
var hid=document.getElementById("foto_coche");
if ( hid ) {
hid.src="images/"+nom_foto;
if ( !hid.complete )
setTimeout("set_foto('"+nom_foto+"')", 1000);
}
}
</script>
<style>
body, div,table,td,th,input,select,textarea,file {
font-family: Arial, Verdana, sans-serif;
font-size: 9pt;
}
h1 {
font-family: Times, Verdana, sans-serif;
font-size: 14pt;
text-align: center;
background: #a9a;
}
a {
text-decoration: none;
color: #e02817;
font-weight: bold;
}
a:hover {
text-decoration: none;
color: #000000;
font-weight: bold;
}
</style>
<title></title>
</head>
<body style="background-color: #ffffff;">
<h1>MB ML 270CDI COMAND + PIEL+ XENON</h1>
<table>
<tr>
<td>
<img id="foto_coche" src="image_31.jpg" border="0" width="400" align="left">
</td>
<td align="left">
<table>
<tr>
<th style="text-align: right" width="15%">Marca:</td><td width="15%"> MB Mercedes Benz 270CDI</td>
</tr>
<tr>
<th style="text-align: right" width="15%">Modelo:</td><td width="15%">270 CDI</td>
</tr>
<tr>
<th style="text-align: right" width="15%">Color:</td><td width="15%">Negro Obsidiana</td>
</tr>
<tr>
<th style="text-align: right" width="15%">Motor:</td><td width="15%">2.7CDI</td>
</tr>
</table>
<br>
<table>
<tr>
<td colspan="2" valign="top"><fieldset style="width: 100%"><legend style="color: #666666; font-weight: bold">PERFIL</legend>KLIMA+ PIEL+ CAMBIO AUTOMATICO TRIPTONIC + COMAND + CRISTALES TINTADOS+ ESPEJOS ABATIBLES+ ABS+ ESP+ CARGADOR 10 CD</fieldset>
</td>
</tr>
<tr>
<td align="left"><span style="font-weight: bold; font-family: Arial; font-size: 9pt; color: #666666">TELE-ATLAS DX</span></td>
<td align="right">
<span style="font-weight: bold; font-family: Arial; font-size: 9pt; color: #666666">
MIEMBRO MBFAQ.COM</td>
</tr>
<tr>
<td align="left"><a href="#" onclick="self.close()">[cerrar]</a></td>
<td align="right"><a href="#" onclick="print()">[imprimir]</a></td>
</tr>
</table>
</td>
</tr>
</table>
<p>
<fieldset>
<legend>Coloque el ratón sobre cada foto para agrandarla</legend>
<img src="image_31.jpg" WIDTH=150 HEIGTH=150style="border: 1px white solid" onmouseover="set_foto('image_31.jpg'); this.style.border='1px blue solid';" onmouseout="this.style.borderColor='white';" >
<img src="image_33.jpg" WIDTH=150 HEIGTH=150 style="border: 1px white solid" onmouseover="set_foto('image_33.jpg'); this.style.border='1px blue solid';" onmouseout="this.style.borderColor='white';" >
<img src="image_34.jpg" WIDTH=150 HEIGTH=150 style="border: 1px white solid" onmouseover="set_foto('img_34.jpg'); this.style.border='1px blue solid';" onmouseout="this.style.borderColor='white';" >
<img src="image_35.jpg" WIDTH=150 HEIGTH=150 style="border: 1px white solid" onmouseover="set_foto('image_35.jpg'); this.style.border='1px blue solid';" onmouseout="this.style.borderColor='white';" >
<img src="image_37.jpg" WIDTH=150 HEIGTH=150 style="border: 1px white solid" onmouseover="set_foto('image_37.jpg'); this.style.border='1px blue solid';" onmouseout="this.style.borderColor='white';" >
</fieldset>
</body>
</html>
</quote>