Links con menu en java

Hola, ante todo gracias, quisiera saber como puedo hacer para que cuando hago click en una vinculo me cambie una foto que este en la pagina.
http://www.gmsanitarios.com.ar/new/fv/fv.htm
esta es la web que estoy haciendo, fijese que quiero hacer click en la imagen del menu y que me cambie la imagen grande que esa al costado.
Gracias

1 respuesta

Respuesta
1
Primero disculpa la demora... que para responderte sin tener que dar tanta vuelta y explicación, para mi es mejor resolverte el problema en si directamente en la página que me diste. Te paso el html de la página del problema con la resolución (más abajo).
Y bueno, lo resolví utilizando layers/capas que se ocultan o muestran dependiendo lo que deba verse.
El script es uno predeterminado por Dreamweaver. Bien puede resolverse con otro script que maneje layers.
En lo que te paso, le puse FOTO1, FOTO2,... etc a cada layer porque al utilizar la misma foto que me diste en todos los casos, a simple vista no se distingue cual es cual, claro.
Cualquier duda me avisas
Suerte y saludos
-----------------------
<HTML><HEAD>
<TITLE>GM Sanitarios</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript1.2 src="GM Sanitarios_archivos/stm31.js"
type=text/javascript></SCRIPT>
<META content="MSHTML 6.00.2600.0" name=GENERATOR>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</HEAD>
<BODY bgColor=#ffffff>
<TABLE height=172 width="104%" border=0>
<TBODY>
<TR>
<TD width=799 height=105><IMG height=100
src="GM Sanitarios_archivos/GM%20logo.jpg" width=126></TD></TR>
<TR>
<TD height=37>
<P>
<SCRIPT language=JavaScript1.2 type=text/javascript>
<!--
stm_bm(["menu1026266982",400,"","blank.gif",0,"","",0,0,0,0,50,1,0,0,"","",0],this);
stm_bp("p0",[0,4,0,0,0,2,1,0,100,"",-2,"",-2,90,0,0,"#7f7f7f","transparent","",3,1,1,"#999999"]);
stm_ai("p0i0",[0,"","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#ffffff",1,"#ffffff",1,"upline.gif","upline.gif",3,3,0,0,"#ffffff","#ffffff","#ffffff","#00cc00","bold 9pt Arial","bold 9pt Arial",0,0]);
stm_aix("p0i1","p0i0",[0,"Principal ","","",-1,-1,0,"index.htm","_self","","","","",1,0,0,"","",0,0,0,0,1,"#ffffff",1,"#ffffff",1,"upline.gif","downline.gif",3,3,0,0,"#ffffff","#ffffff","#333333","#ffffff"]);
stm_aix("p0i2","p0i1",[0,"Conduccion de Fluidos ","","",-1,-1,0,""]);
stm_bpx("p1","p0",[1,4,0,2,0,3,1,0,100,"progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=1,motion=forward,enabled=0,Duration=0.50)",5,"",-2,60,2,6,"#cccccc","transparent","upline.gif"]);
stm_aix("p1i0","p0i1",[0,"Agua ","","",-1,-1,0,"","_self","","","","",1,0,0,"","",0,0,0,0,1,"#ffffff",1,"#ffffff",1,""]);
stm_bpx("p2","p1",[1,2,3,3,0,4,0]);
stm_aix("p2i0","p1i0",[0,"Polipropileno ","","",-1,-1,0,"Polipropileno.htm","_self","","","","",0]);
stm_aix("p2i1","p2i0",[0,"Fusión ","","",-1,-1,0,""]);
stm_bpx("p3","p2",[]);
stm_aix("p3i0","p2i0",[0,"Acqua System ","","",-1,-1,0,"acqua.htm"]);
stm_aix("p3i1","p2i0",[0,"Azul Fusión ","","",-1,-1,0,"azul.htm"]);
stm_ep();
stm_aix("p2i2","p2i1",[0,"Hidro Bronce "]);
stm_bpx("p4","p2",[]);
stm_aix("p4i0","p2i0",[0,"Decker ","","",-1,-1,0,"decker.htm"]);
stm_aix("p4i1","p2i0",[0,"Quimetal ","","",-1,-1,0,"quimetal.htm"]);
stm_ep();
stm_aix("p2i3","p2i0",[0,"Galvanizado ","","",-1,-1,0,"galvanizado.htm"]);
stm_ep();
stm_aix("p1i1","p1i0",[0,"Desagues "]);
stm_bpx("p5","p2",[]);
stm_aix("p5i0","p2i1",[0,"PVC "]);
stm_bpx("p6","p2",[]);
stm_aix("p6i0","p2i0",[0,"Nivel 1 ","","",-1,-1,0,"nivel1.htm"]);
stm_aix("p6i1","p2i0",[0,"Tigre ","","",-1,-1,0,"tigre.htm"]);
stm_ep();
stm_aix("p5i1","p2i1",[0,"Polipropileno "]);
stm_bpx("p7","p2",[]);
stm_aix("p7i0","p2i0",[0,"Duratop ","","",-1,-1,0,"duratop.htm"]);
stm_aix("p7i1","p2i0",[0,"Aguaduk","","",-1,-1,0,"aguaduk.htm"]);
stm_ep();
stm_ep();
stm_aix("p1i2","p1i0",[0,"Tanques "]);
stm_bpx("p8","p2",[]);
stm_aix("p8i0","p2i0",[0,"Aquatank ","","",-1,-1,0,"aquatank.htm"]);
stm_aix("p8i1","p2i0",[0,"Tinacos ","","",-1,-1,0,"tinacos.htm"]);
stm_ep();
stm_aix("p1i3","p1i0",[0,"Bombas "]);
stm_bpx("p9","p2",[]);
stm_aix("p9i0","p2i0",[0,"Rowa ","","",-1,-1,0,"rowa.htm"]);
stm_aix("p9i1","p2i0",[0,"Elecktim ","","",-1,-1,0,"elecktrim.htm"]);
stm_ep();
stm_ep();
stm_aix("p0i3","p0i2",[0,"Accesorios Baño "]);
stm_bpx("p10","p2",[1,4,0,2,0,3]);
stm_aix("p10i0","p2i1",[0,"Griferia "]);
stm_bpx("p11","p2",[]);
stm_aix("p11i0","p2i0",[0,"FV ","","",-1,-1,0,"fv.htm"]);
stm_aix("p11i1","p2i0",[0,"Stal Griff ","","",-1,-1,0,"stal_griff.htm"]);
stm_ep();
stm_aix("p10i1","p2i1",[0,"Sanitarios "]);
stm_bpx("p12","p2",[]);
stm_aix("p12i0","p2i0",[0,"Ferrum ","","",-1,-1,0,"ferrum.htm"]);
stm_ep();
stm_aix("p10i2","p2i1",[0,"Bañeras "]);
stm_bpx("p13","p2",[]);
stm_aix("p13i0","p2i0",[0,"Ferrum ","","",-1,-1,0,"b_ferrum.htm"]);
stm_aix("p13i1","p2i0",[0,"Shawar ","","",-1,-1,0,"shawar.htm"]);
stm_ep();
stm_aix("p10i3","p2i1",[0,"Accesorios "]);
stm_bpx("p14","p2",[]);
stm_aix("p14i0","p2i0",[0,"FV ","","",-1,-1,0,"a_fv.htm"]);
stm_aix("p14i1","p2i0",[0,"Stal Griff","","",-1,-1,0,"a_stal_griff.htm"]);
stm_ep();
stm_ep();
stm_aix("p0i4","p0i2",[0,"Agua Caliente "]);
stm_bpx("p15","p2",[1,4,0,2]);
stm_aix("p15i0","p2i1",[0,"Termotanques "]);
stm_bpx("p16","p2",[]);
stm_aix("p16i0","p2i0",[0,"Rheem ","","",-1,-1,0,"rheem.htm"]);
stm_aix("p16i1","p2i0",[0,"Saiar ","","",-1,-1,0,"saiar.htm"]);
stm_aix("p16i2","p2i0",[0,"Universal ","","",-1,-1,0,"t_universal.htm"]);
stm_aix("p16i3","p2i0",[0,"Emege ","","",-1,-1,0,"t_emege.htm"]);
stm_ep();
stm_aix("p15i1","p2i1",[0,"Calefones "]);
stm_bpx("p17","p2",[]);
stm_aix("p17i0","p2i0",[0,"Orbis ","","",-1,-1,0,"c_orbis.htm"]);
stm_aix("p17i1","p2i0",[0,"Universal ","","",-1,-1,0,"c_universal.htm"]);
stm_ep();
stm_aix("p15i2","p2i0",[0,"Calderas ","","",-1,-1,0,"calderas.htm"]);
stm_aix("p15i3","p2i0",[0,"Termocentrales ","","",-1,-1,0,"termocentrales.htm"]);
stm_ep();
stm_aix("p0i5","p0i2",[0,"Calefacción "]);
stm_bpx("p18","p15",[]);
stm_aix("p18i0","p2i0",[0,"Radiadores ","","",-1,-1,0,"radiadores.htm"]);
stm_aix("p18i1","p2i0",[0,"Piso Radiante ","","",-1,-1,0,"piso_radiante.htm"]);
stm_aix("p18i2","p2i0",[0,"Calefactores ","","",-1,-1,0,"calefactores.htm"]);
stm_bpx("p19","p2",[]);
stm_aix("p19i0","p2i0",[0,"Orbis ","","",-1,-1,0,"cf_orbis.htm"]);
stm_aix("p19i1","p2i0",[0,"Universal ","","",-1,-1,0,"cf_universal.htm"]);
stm_aix("p19i2","p2i0",[0,"Emege ","","",-1,-1,0,"cf_emege.htm"]);
stm_ep();
stm_ep();
stm_aix("p0i6","p0i2",[0,"Riego "]);
stm_aix("p0i7","p0i2",[0,"Herramientas"]);
stm_aix("p0i8","p0i1",[0,"Contactenos","","",-1,-1,0,"contactenos.htm"]);
stm_aix("p0i9","p0i0",[0,"","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,1,"#ffffff",1,"#ffffff",1,"upline.gif","upline.gif",3,3,0,0,"#ffffff","#ffffff","#ffffff","#ff0000"]);
stm_ep();
stm_em();
//-->
</SCRIPT>
</P></TD></TR></TBODY></TABLE>
<P> </P>
<P> </P>
<TABLE width="93%" height=357 border=0 cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD width="43%"> <p>
<SCRIPT language=JavaScript1.2 type=text/javascript>
<!--
stm_bm(["menu1",400,"","blank.gif",0,"","",0,0,0,0,50,1,0,0,"","",0],this);
stm_sc(0,["transparent","transparent","","",3,3,0,0,"#fffff7","#000000","left_disabled.gif","left_enabled.gif",9,7,0,"right_disabled.gif","right_enabled.gif",9,7,0]);
stm_bp("p0",[1,4,0,0,18,4,0,0,100,"",-2,"",-2,90,0,0,"#7f7f7f","#ffffff","",0,4,1,"#999999"]);
stm_ai("p0i0",[0,"Línea FV 15 Allegro","","",-1,-1,0,"","_self","","","","",0,0,0,"","",0,0,0,0,0,"#ffffff",0,"#ffffff",0,"","",3,3,0,0,"#ffffff","#ffffff","#009933","#ffcc33","bold 12pt Arial","bold 12pt Arial",0,0]);
stm_bpx("p1","p0",[0,2]);
stm_aix("p1i0","p0i0",[2,"","15_0207_CR_C.jpg","15_0207_CR_C.jpg",100,87]);
stm_aix("p1i1","p0i0",[2,"","15_0109_CR_C.jpg","15_0109_CR_C.jpg",100,100]);
stm_aix("p1i2","p1i1",[2,"","15_0103_CR_C.jpg","15_0103_CR_C.jpg"]);
stm_aix("p1i3","p1i1",[2,"","15_0112_CR_C.jpg","15_0112_CR_C.jpg"]);
stm_aix("p1i4","p0i0",[2,"","15_0295_CR_C.jpg","15_0295_CR_C.jpg",100,63]);
stm_aix("p1i5","p1i0",[2,"","15_0416_CR_C.jpg","15_0416_CR_C.jpg"]);
stm_aix("p1i6","p1i0",[2,"","15_0403_CR_C.jpg","15_0403_CR_C.jpg"]);
stm_aix("p1i7","p1i0",[2,"","15_0409_CR_C.jpg","15_0409_CR_C.jpg"]);
stm_aix("p1i8","p1i0",[2,"","15_0401_CR_C.jpg","15_0401_CR_C.jpg"]);
stm_ep();
stm_aix("p0i1","p0i0",[0,"Menu Item 1","","",-1,-1,0,"javascript:MM_showHideLayers('Layer1','','show','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','hide')","","","","","",0,0,0,"","",0,0,0,0,0,"#ffffff",0,"#ffffff",0,"","",3,3,0,0,"#ffffff","#ffffff","#666666","#333333","bold 8pt Arial","bold 8pt Arial"]);
stm_aix("p0i2","p0i1",[0,"Menu Item 2","","",-1,-1,0,"javascript:MM_showHideLayers('Layer1','','hide','Layer2','','show','Layer3','','hide','Layer4','','hide','Layer5','','hide')"]);
stm_aix("p0i3","p0i1",[0,"Menu Item 3","","",-1,-1,0,"javascript:MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','show','Layer4','','hide','Layer5','','hide')"]);
stm_aix("p0i4","p0i1",[0,"Menu Item 4","","",-1,-1,0,"javascript:MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','show','Layer5','','hide')"]);
stm_aix("p0i5","p0i1",[0,"Menu Item 5","","",-1,-1,0,"javascript:MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide','Layer4','','hide','Layer5','','show')"]);
stm_ep();
stm_em();
//-->
</SCRIPT>
</TD>
<TD width="57%" valign="top">
<div id="Layer1" style="position:absolute; z-index:1; visibility: hidden;">FOTO1<IMG height=400
src="GM Sanitarios_archivos/15_0103_CR_G.jpg"
width=400></div>
<div id="Layer2" style="position:absolute; z-index:2; visibility: hidden;">FOTO2<IMG height=400
src="GM Sanitarios_archivos/15_0103_CR_G.jpg"
width=400></div>
<div id="Layer3" style="position:absolute; z-index:3; visibility: hidden;">FOTO3<IMG height=400
src="GM Sanitarios_archivos/15_0103_CR_G.jpg"
width=400></div>
<div id="Layer4" style="position:absolute; z-index:4; visibility: hidden;">FOTO4<IMG height=400
src="GM Sanitarios_archivos/15_0103_CR_G.jpg"
width=400></div>
<div id="Layer5" style="position:absolute; z-index:5; visibility: hidden;">FOTO5<IMG height=400
src="GM Sanitarios_archivos/15_0103_CR_G.jpg"
width=400></div></TD>
</TR></TBODY></TABLE>
</BODY></HTML>

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas