Saludos, tengo una pequeña galeria de imagen, (por llamarlo de alguna manera), bueno el tema es que todo me sale perfecto, pero ahora me han pedido que al momento que el cursor se ubica sobre la imagen pequeña esta se cambia por otra imagen coloreada y a la vez se puede ver en tamaño grande, todo eso esta bien, pero ahora me piden que al darle click a la imagen pequeña esta no cambie al tamaño grande y se mantenga ahi.
Recapitulando:
Al pasar el cursor sobre la imagen pequeña esta cambia de color y al mismo tiempo se ubica la misma imagen al costado en tamaño grande, pero al sacar de puntero de esa misma imagen esta cambia a una imagen fija. hasta ahi todo bien. Pero lo que yo quiero es que al dar click sobre la imagen esta se mantenga de tamaño grande, para que el visitante pueda ver con mas detenimiento dicha imagen.
----------------------------------------------------------------------------------
<html>
<head>
<title>Zippo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
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];}}
}
//-->
</SCRIPT>
</head>
<BODY leftMargin=0
topMargin=0 onload="window.defaultStatus='SunGlasses';return true;"
marginheight="0" marginwidth="0">
<SCRIPT language=JavaScript><!--
MSFPhover =
(((navigator.appName == "Netscape") &&
(parseInt(navigator.appVersion) >= 3 )) ||
((navigator.appName == "Microsoft Internet Explorer") &&
(parseInt(navigator.appVersion) >= 4 )));
function MSFPpreload(img)
{
var a=new Image(); a.src=img; return a;
}
// --></SCRIPT>
<div id="Layer1" style="position:absolute; left:200px; top:90px; width:402px; height:282px; z-index:1">
<table width="401" border="0" height="276">
<tr valign="top">
<td><img src="imagenes/fijo.jpg" width="400" height="275" name=foto></td>
</tr>
</table>
</div>
<div id="Layer2" style="position:absolute; left:16px; top:90px; width:169px; height:282px; z-index:2">
<table width="164" border="0" height="280">
<tr>
<td width="62" valign="middle" height="72"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Serie
2123 </font></td>
<td width="92" valign="top" height="72">
<script language=JavaScript><!--
if(MSFPhover) { MSFPnav1n=MSFPpreload('imagenes/2123-0.jpg'); MSFPnav1h=MSFPpreload('imagenes/2123-1.jpg'); MSFPinf0=MSFPpreload('imagenes/fijo.jpg'); MSFPinf1=MSFPpreload('imagenes/2123.jpg')}
// --></script>
<img
onMouseOver="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1h.src,document['foto'].src=MSFPinf1.src,window.status='Zippo Sunglasses Collection';return true"
style="CURSOR: hand"
onMouseOut="if(MSFPhover) document['MSFPnav1'].src=MSFPnav1n.src,document['foto'].src=MSFPinf0.src,document['foto'].src=MSFPinf0.src"
height=49
src="imagenes/2123-0.jpg" title="Serie 2123"
width=75 border=0 name=MSFPnav1> </td>
</tr>
<tr>
<td width="62" valign="middle" height="71"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Serie
3001</font></td>
<td width="92" valign="top" height="71">
<script language=JavaScript><!--
if(MSFPhover) { MSFPnav2n=MSFPpreload('imagenes/3001-0.jpg'); MSFPnav2h=MSFPpreload('imagenes/3001-1.jpg'); MSFPinf2=MSFPpreload('imagenes/3001.jpg')}
// -->
</script>
<IMG
onmouseover="if(MSFPhover) document['MSFPnav2'].src=MSFPnav2h.src,document['foto'].src=MSFPinf2.src,window.status='Zippo Sunglasses Collection';return true"
style="CURSOR: hand"
onmouseout="if(MSFPhover) document['MSFPnav2'].src=MSFPnav2n.src,document['foto'].src=MSFPinf0.src,document['foto'].src=MSFPinf0.src"
height=49
src="imagenes/3001-0.jpg" title="Serie 3001"
width=75 border=0 name=MSFPnav2> </td>
</tr>
<tr>
<td width="62" valign="middle" height="71"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Serie
3143</font></td>
<td width="92" valign="top" height="71">
<script language=JavaScript><!--
if(MSFPhover) { MSFPnav3n=MSFPpreload('imagenes/3143-0.jpg'); MSFPnav3h=MSFPpreload('imagenes/3143-1.jpg'); MSFPinf3=MSFPpreload('imagenes/3143.jpg')}
// -->
</script>
<IMG
onmouseover="if(MSFPhover) document['MSFPnav3'].src=MSFPnav3h.src,document['foto'].src=MSFPinf3.src,window.status='Zippo Sunglasses Collection';return true"
style="CURSOR: hand"
onmouseout="if(MSFPhover) document['MSFPnav3'].src=MSFPnav3n.src,document['foto'].src=MSFPinf0.src,document['foto'].src=MSFPinf0.src"
height=49
src="imagenes/3143-0.jpg" title="Serie 3143"
width=75 border=0 name=MSFPnav3>
</td>
</tr>
<tr>
<td width="62" valign="middle"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Serie
3144</font></td>
<td width="92" valign="top">
<script language=JavaScript><!--
if(MSFPhover) { MSFPnav4n=MSFPpreload('imagenes/3144-0.jpg'); MSFPnav4h=MSFPpreload('imagenes/3144-1.jpg'); MSFPinf4=MSFPpreload('imagenes/3144.jpg')}
// -->
</script>
<IMG
onmouseover="if(MSFPhover) document['MSFPnav4'].src=MSFPnav4h.src,document['foto'].src=MSFPinf4.src,window.status='Zippo Sunglasses Collection';return true"
style="CURSOR: hand"
onmouseout="if(MSFPhover) document['MSFPnav4'].src=MSFPnav4n.src,document['foto'].src=MSFPinf0.src,document['foto'].src=MSFPinf0.src"
height=49
src="imagenes/3144-0.jpg" title="Serie 3144"
width=75 border=0 name=MSFPnav4>
</td>
</tr>
</table>
</div>
</body>
</html>
----------------------------------------------------------------------------------
Un saludo: Joel Osorio Dìaz
