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>