Mostrar varias imagenes
Publicado por rosy (68 intervenciones) el 24/08/2011 16:39:23
Hola, tengo una pagina web cuyo objetivo es mostrar 4 imagenes que estan asociadas a un producto, tengo varios productos. Mi idea es que se muestre la imagen 1 en un formato grande, y mas abajo, muestre las 4 fotos pero en formato pequeño, de manera que cuando el usuario haga click en una de las fotos pequeñas, esta se muestre en el formato grande
Lo que tengo hecho hasta el momento, es solo mostrar la imgen grande asociada al producto, cuando hago click en un producto distinto, cambia la imagen grande, hasta alli todo funciona bien, pero me falta lo de las imgenes pequeñas, no sé como hacerlo.
Agradezco cualquier ayuda
Lo que tengo hecho hasta el momento, es solo mostrar la imgen grande asociada al producto, cuando hago click en un producto distinto, cambia la imagen grande, hasta alli todo funciona bien, pero me falta lo de las imgenes pequeñas, no sé como hacerlo.
Agradezco cualquier ayuda
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<?php require_once("include/connection_db.php"); ?>
<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
<title>Catalogo</title>
<link href="styles/catalogo.css" rel="stylesheet" type="text/css" />
<script language="JavaScript">
function muestra_img(archivo)
{document.getElementById('cuerpo_cat').innerHTML=("<img width='501' height='400' src='fotos/" + archivo + "'>");
}
</script>
</head>
<body>
<div id="cabecera_cat">
</div>
<div id="lateral_cat">
<br/>
<p align="center" style="color:#FFFFFF">PRODUCTOS</p>
<?php
$sql ="SELECT producto, nomarch, nomarch2,nomarch3,nomarch4 from productos";
$resultado = mysql_query($sql);
while ($fila = mysql_fetch_array($resultado))
{?>
<!-- AQUI VAN LOS NOMBRES DE LOS PRODUCTOS CON HIPERVINCULO --><a href="javascript:;" onClick="muestra_img('<?php echo $fila["nomarch"]; ?>')"><?php echo $fila["producto"];?></a>
</p>
<?php
}?>
</div>
<div id="cuerpo_cat">
<!-- AQUI VA LA IMAGEN DE UN PRODUCTO EN FORMATO GRANDE --></div>
<div id="cuerpo_img">
<!-- AQUI IRIAN LAS IMAGENES PEQUEÑAS PEQUEÑAS --></div>
<div id="derecha_cat">
</div>
<div id="pie_cat" align="center" >
</div>
</body>
Valora esta pregunta
0