Hola!
La situación que se me presenta es que tengo una pagina en la que cada usuario crea su perfil y luego puede subir fotos y texto, al perfil en si... Todo va bien hasta ahi, ahora el problema 1 es el siguiente:
1-La galeria de imagenes que tengo con mysql, de las imagenes que cada usuario sube, pues sirve bien la parte de subirlas y se ven tambien, pero cuando le doy pasar a la siguiente imagen se desarma la estructura del html, por ejemplo tengo uno object que cuando paso de foto desaparece, o aparece donde no debería, otro es la pai de comments de facebook que esta abajo, en la primera foto sale centrada como yo la puse, pero si paso a la siguiente foto aparece a la izquierda.
Aqui esta el código completo de la página:
Código:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <meta property="og:image" content="http://www.solochivo.com/logo_social_kb.png" />
<title>page</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="galleria/galleria/galleria-1.2.5.min.js"></script>
<script src="//connect.facebook.net/en_US/all.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="../css/screen.css" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen" /><![endif]-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-25606878-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<?php
require('../conexion2.php');
$sql = "SELECT * FROM `texto` where user like '".$_GET['usuario']."' and banda like '".$_GET['banda']."' ";
//$results = mysql_db_query($db,"$SQL",$con);
mysql_query("set names utf8");
$results = mysql_query($sql,$con );
$nfila = mysql_num_rows($results);
if ($nfila == 0)
{}
else
{
while ($fila = mysql_fetch_array($results))
{
$id = $fila['id'];
$informacion = $fila['informacion'];
$biografia = $fila['biografia'];
$influencias = $fila['influencias'];
}
}
mysql_close($con);
?>
<!-- wrap -->
<div id="wrap">
<!-- header -->
<div id="header">
<a name="top"></a>
<h1 id="logo-text"><a href="index.php" title="">pagina</a></h1>
<div id="nav">
<ul>
<li><a href="../index.php">inicio</a></li>
<li><a href="../acerca.html">acerca</a></li>
<li><a href="../store.html">promociones</a></li>
<li><a href="../eventos.php">eventos</a></li>
<li><a href="../bandas.php">bandas</a></li>
<li><a href="../unirse.html">unirse</a></li>
</ul>
</div>
<div style="position:inherit; width:200px; height:25px; float:right; background-color:transparent; margin-top:5px;">
<script language="JavaScript">
image2 = new Image();
image2.src = "/../images/twitter-logo-black.png";
</script>
<a title="" href="http://twitter.com/" target="_new" onmouseover="image2.src='/../images/twitter-logo.png'"
onmouseout="image2.src='/../images/twitter-logo-black.png'"><img name="image2"
src="/../images/twitter-logo-black.png" border="0" width="35" ></a>
<script language="JavaScript">
image1 = new Image();
image1.src = "/../images/face-logo-black.png";
</script>
<a title="" href="http://www.facebook.com/pages/" target="_new" onmouseover="image1.src='/../images/face-logo.png'"
onmouseout="image1.src='/../images/face-logo-black.png'"><img name="image1"
src="/../images/face-logo-black.png" border="0" width="35" ></a>
<script language="JavaScript">
image0 = new Image();
image0.src = "/../images/you-logo-black.png";
</script>
<a title="" href="http://www.youtube.com/" target="_new" onmouseover="image0.src='/../images/you-logo.png'"
onmouseout="image0.src='/../images/you-logo-black.png'"><img name="image0"
src="/../images/you-logo-black.png" border="0" width="35" ></a>
</div>
<div style="position:inherit; height:25px; float:right; background-color:transparent; margin-top:20px; margin-right:15px;">
<?php if(isset($_SESSION['usuario'])){
echo ' Bienvenido! ';
echo '<b>'.$_SESSION['usuario'].'</b>.<br>';}
?>
</div>
<!-- /header -->
</div>
<!-- content -->
<div id="content-wrap" class="clear">
<div id="content">
<!-- main -->
<div id="main">
<div class="post">
<h2><?php echo $banda; ?></h2>
<div class="image-section">
<!--Aqui van las imagenes en carrousel como facebook-->
<?php
include("../conexion2.php");
$registros = 1;
$pagina=$_GET["pagina"];
//veo si la variable pag esta definida, si no esta la mando a la primera pag
if (!$pagina) {
$inicio = 0;
$pagina = 1;
}
else {
$inicio = ($pagina - 1) * $registros;
}
//saco total de registros
$resultados = mysql_query("SELECT nombre FROM imagenes where user like '".$_GET['usuario']."' and banda like '".$_GET['banda']."'");
$total_registros = mysql_num_rows($resultados);
//pido los registros desde inicio hasta el limite $registros
$resultados = mysql_query("SELECT nombre FROM imagenes WHERE user like '".$_GET['usuario']."' and banda like '".$_GET['banda']."' ORDER BY id ASC LIMIT $inicio, $registros");
//cant de paginas necesarias
$total_paginas = ceil($total_registros / $registros);
//imprimo resultados
while(($foto=mysql_fetch_array($resultados))) {
if($pagina!=$total_paginas)
echo "<div align=center style='position:relative;'><a href='bandaplantilla.php?pagina=".($pagina+1)."&usuario=".$_GET['usuario']."&banda=".$_GET['banda']."'><IMG SRC=\"../ver.php?nombre=".$foto["nombre"]."\"/ width=300 height=180></br></a></div>";
else
echo "<div align=center style='position:relative;'><a href='bandaplantilla.php?pagina=".($pagina-1)."&usuario=".$_GET['usuario']."&banda=".$_GET['banda']."'><IMG SRC=\"../ver.php?nombre=".$foto["nombre"]."\"/ width=300 height=180></br></a></div>";
}
//cuando mostrar enlace a pag "anterior""
if(($pagina - 1) > 0) {
echo "<div align=center style='position:relative;'><a href='bandaplantilla.php?pagina=".($pagina-1)."&usuario=".$_GET['usuario']."&banda=".$_GET['banda']."'>< Anterior</a>";
}
//número de paginas "intermedias" a mostrar
for ($i=$pagina;$i<=$total_paginas; $i++){
if ($pagina == $i) {
echo "<b>".$pagina."</b> ";
} else {
echo "<a href='bandaplantilla.php?pagina=$i'>$i</a> ";
}
if (($i-$pagina)>12)
break;
}
//cuando mostrar el enlace ""siguiente""
if(($pagina + 1)<=$total_paginas) {
echo "<a href='bandaplantilla.php?pagina=".($pagina+1)."&usuario=".$_GET['usuario']."&banda=".$_GET['banda']."'>Siguiente></a></div>";
}
?>
</div>
<!--Aqui van los textos, lo que dice texto1, texto2 se borra cuando ya este funcaionando lo de php.-->
<div id="texto1">
<h3>Información</h3>
<p><?php echo $informacion;?></p>
</div>
<div id="texto2">
<h3>Biografía</h3>
<p><?php echo $biografia;?></p>
</div>
<div id="texto3">
<h3>Influencias</h3>
<p><?php echo $influencias;?></p>
</div>
...
</body>
</html>