Hola de nuevo a todos, estoy con una galeria echa por mi, tiene php y mysql y ahora queria agregar javascript solo para mostrar tal div o ocultarlo, el tema es que una vez q entro a la pagina ya me aparecen todas las fotos una sobre otra, y si pongo cerrar el javascript no responde aca abajo les dejo el codigo, posiblemente este mal como llamo a las imagenes pero no se me ocurria otra forma
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>estampas</title>
<link href="galeria.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Galeria estampas</h1>
<script language="javascript">
function ver()
{document.getElementById('fotoriginal').style.display="block";
}
function cerrar()
{document.getElementById('fotoriginal').style.display="none";
}
</script>
<?php
include("conexion.php");
//inicializo el criterio y recibo cualquier cadena que se desee buscar
$consulta="select img_titulo, img_descripcion, img_direccion, img_thums from estampas";
$resultado=mysql_query($consulta);
//Limito la busqueda
$TAMANO_PAGINA = 9;
//examino la página a mostrar y el inicio del registro a mostrar
$pagina = $_GET["pagina"];
if (!$pagina) {
$inicio = 0;
$pagina=1;
}
else {
$inicio = ($pagina - 1) * $TAMANO_PAGINA;
}
//miro a ver el número total de campos que hay en la tabla con esa búsqueda
$resultado=mysql_query($consulta);
$num_total_registros = mysql_num_rows($resultado);
//calculo el total de páginas
$total_paginas = ceil($num_total_registros / $TAMANO_PAGINA);
//construyo la sentencia SQL
$ssql = $consulta . " limit " . $inicio . "," . $TAMANO_PAGINA;
$resultado = mysql_query($ssql);
while ($fila = mysql_fetch_array($resultado)){
?>
<a href="javascript:ver()"><li><?php echo ($fila['img_thums']); ?><br /></li></a>
<div id="fotoriginal"><a href="javascript:cerrar()">cerrar</a><br /><?php echo ($fila['img_direccion']) ?></div>
<?php
}
//cerramos el conjunto de resultado y la conexión con la base de datos
mysql_free_result($resultado);
mysql_close();
?>
<div id="paginador">
<?php
if ($total_paginas > 1){
for ($i=1;$i<=$total_paginas;$i++){
if ($pagina == $i)
//si muestro el índice de la página actual, no coloco enlace
echo $pagina . " ";
else
//si el índice no corresponde con la página mostrada actualmente, coloco el enlace para ir a esa página
echo "<a href='index.php?seccion=remeras&pagina=" . $i . "'>" . '<div id="numpaginas">' . $i. '</div>' . "</a> ";
}
}
?>
</div>
<br />
<div id="muestreo">
Numero de registros encontrados: <?php echo $num_total_registros ?><br />
Se muestran paginas de <?php echo $TAMANO_PAGINA ?> registros cada una<br />
Mostrando la pagina: <?php echo $pagina ?> de <?php echo $total_paginas?><br />
</div>
<br />
</body>
</html>
y css por si sirve
Código HTML:
@charset "utf-8";
/* CSS Document */
*{
margin:0 auto;
}
li a:link{
color:#fff;
text-decoration:none;
}
li a:hover {
color:#fff;
text-decoration:none;
}
li a:visited{
color:#fff;
text-decoration:none;
}
li a{
color:#fff;
text-decoration:none;
}
li{
display:inline;
float:left;
width:200px;
height:220px;
background-color:#f5f7f9;
padding:5px;
margin:10px;
text-align: center;
/*border-right: #a5a7aa solid 2px;
border-bottom: #a5a7aa solid 2px;*/
border-right: #666 solid 2px;
border-bottom: #666 solid 2px;
}
#muestreo {
clear: both;
border: #666 solid 1px;
width:300px;
background-color:#14222C;
color:#fff;
font-size:10px;
font-family: Verdana, Geneva, sans-serif;
}
#paginador{
clear: both;
color:#000;
font-weight:bold;
width:200px;
border:#666 solid 1px;
}
#numpaginas {
float:none;
margin:0px;
padding:0px;
display: inline;
border:#666 solid 1px;
font-size:12px;
background-color:#999;
}
#fotoriginal {
z-index: 1000000;
position: absolute;
top: 250px;
left: 355px;
height: 500px;
width: 600px;
background:#FFF;
border:#333 solid 2px;
}
la idea es que cuando haga clic en la imagen recien ahi se abra, y que pueda presionar cerrar y se oculte y poder ver las demas
desde ya mychas gracias