utilizo JavaScript, es un script gratuito que enconté, el formulario donde lo aplico es el siguiente:
Código:
<?
include "cadena_conexion.php";
$nombre = $_REQUEST['n'];
?>
<div class="tab_container" style="width: 691px">
<div class="tab-buttons-panel" style="width:691px">
<ul>
<li id="tab1">
<span>Ciudad</span>
</li>
<li id="tab2">
<span>Historia</span>
</li>
<li id="tab3">
<span>Himno</span>
</li>
<li id="tab4">
<span>Bandera</span>
</li>
<li id="tab5">
<span>Escudo</span>
</li>
<li id="tab6">
<span>Ferias</span>
</li>
<li id="tab7">
<span>Mapa</span>
</li>
<li id="tab8">
<span>Sitios de Interés</span>
</li>
</ul>
</div>
<div id="content1" class="tab-content tab-content-show">
<div class="tab-content-panel-border">
<div class="tab-content-panel">
<?
echo"
<script type='text/javascript' src='js/mootools.js'></script>
<script type='text/javascript' src='js/slimbox.js'></script>
<link rel='stylesheet' href='css/slimbox.css' type='text/css' media='screen' />";
$sql="select * from municipios where mun_nombre='$nombre'";
$sql2=mysql_query($sql);
while($sql3=mysql_fetch_object($sql2))
{
echo"<table>
<tr>
<td colspan=3 style='padding-left:7px; padding-right:7px'><span class='arial_15_blue'>$sql3->mun_ciudad</span><br>
<tr>
<td width='205px' height='105px'>
<br><a href='images/$sql3->mun_imagensecundaria1' rel='lightbox' title='$sql3->mun_nombre'> <img src='images/$sql3->mun_imagensecundaria1' width=200 height=100></a>
<td width='205px' height='105px'>
<br><a href='images/$sql3->mun_imagensecundaria2' rel='lightbox' title='$sql3->mun_nombre'> <img src='images/$sql3->mun_imagensecundaria2' width=200 height=100></a>
<td width='205px' height='105px'>
<br><a href='images/$sql3->mun_imagensecundaria3' rel='lightbox' title='$sql3->mun_nombre'> <img src='images/$sql3->mun_imagensecundaria3' width=200 height=100></a>
<tr>
<td width='205px' height='105px'>
<br><a href='images/$sql3->mun_imagensecundaria4' rel='lightbox' title='$sql3->mun_nombre'> <img src='images/$sql3->mun_imagensecundaria4' width=200 height=100></a>
<td width='205px' height='105px'>
<br><a href='images/$sql3->mun_imagensecundaria5' rel='lightbox' title='$sql3->mun_nombre'> <img src='images/$sql3->mun_imagensecundaria5' width=200 height=100></a>
<td width='205px' height='105px'>
<br><a href='images/$sql3->mun_imagensecundaria6' rel='lightbox' title='$sql3->mun_nombre'> <img src='images/$sql3->mun_imagensecundaria6' width=200 height=100></a>
</table><br><br>";
}
?>
</div>
</div>
</div>
<div id='content2' class='tab-content'>
<div class='tab-content-panel-border'>
<div class='tab-content-panel'>
<?
include "cadena_conexion.php";
$sql="select * from municipios where mun_nombre='$nombre'";
$sql2=mysql_query($sql);
while($sql3=mysql_fetch_object($sql2))
{
echo"
<table>
<tr>
<td><span class='arial_15_blue'>$sql3->mun_historia</span>
<tr>
<td>
<tr>
<td><br><br><center><img src='images/$sql3->mun_imagen' width=300 height=200><br>Galería de Imágenes Próximamente</center>
</table>";
}
?>
</div>
</div>
</div>
<div id='content3' class='tab-content'>
<div class='tab-content-panel-border'>
<div class='tab-content-panel'>
<?
$sql="select * from municipios where mun_nombre='$nombre'";
$sql2=mysql_query($sql);
while($sql3=mysql_fetch_object($sql2)){
echo"<center>
<span class=arial_15_blue>$sql3->mun_himnoletra</span>
<br><br>
<object type='application/x-shockwave-flash'
data='dewplayer-multi.swf?son=himnos/$sql3->mun_himno' width='240' height='20'>
<param name='movie'
value='dewplayer-multi.swf?son=himnos/$sql3->mun_himno' />
<param name='bgcolor' value='#336699'></object><br><br>
<img src='images/info.png'>
</center>";
}
?>
</div>
</div>
</div>
<div id='content4' class='tab-content'>
<div class='tab-content-panel-border'>
<div class='tab-content-panel'>
<?
$sql="select * from municipios where mun_nombre='$nombre'";
$sql2=mysql_query($sql);
while($sql3=mysql_fetch_object($sql2)){
echo"
<center><img src='banderas/$sql3->mun_bandera' ></center>
<br><br><span class=arial_15_blue>$sql3->mun_banderadescripcion</span>";
}
?>
</div>
</div>
</div>
<div id='content5' class='tab-content'>
<div class='tab-content-panel-border'>
<div class='tab-content-panel'>
<?
$sql="select * from municipios where mun_nombre='$nombre'";
$sql2=mysql_query($sql);
while($sql3=mysql_fetch_object($sql2)){
echo"
<center><img src='escudos/$sql3->mun_escudo' ></center>
<br><br><span class=arial_15_blue>$sql3->mun_escudodescripcion</span>";
}
?>
</div>
</div>
</div>
<div id='content6' class='tab-content'>
<div class='tab-content-panel-border'>
<div class='tab-content-panel'>
<?
$sql="select * from ferias_fiestas, municipios where municipios.mun_codigo=ferias_fiestas.mun_codigo and mun_nombre='$nombre'";
$sql2=mysql_query($sql);
while($sql3=mysql_fetch_object($sql2))
{
echo"<table ><tr>
<td valign=middle ><a href='FFFContenido.php?n=$sql3->fer_nombre'><img src='images/fff/$sql3->fer_imagenprincipal' width=200 height=100></a>
<td ><big><a href='FFFContenido.php?n=$sql3->fer_nombre'><strong>$sql3->fer_nombre</strong></a></big><br>
<span class='arial_15_blue'>$sql3->fer_descripcioncorta</span><br><br>
<tr><td colspan=2><hr>
</table>";
}
?>
</div>
</div>
</div>
<div id='content7' class='tab-content'>
<div class='tab-content-panel-border'>
<div class='tab-content-panel'>
<?
include "sitios.php";
?>
</div>
</div>
</div>
<div id='content8' class='tab-content'>
<div class='tab-content-panel-border'>
<div class='tab-content-panel'>
<?
$registros = 9;
if (!$pagina) {
$inicio = 0;
$pagina = 1;
}
else {
$inicio = ($pagina - 1) * $registros;
}
$resultados = mysql_query("SELECT *
FROM destinos, municipios
where destinos.mun_codigo=municipios.mun_codigo
and destinos.des_interes=1
and municipios.mun_nombre='$nombre'");
$total_registros = mysql_num_rows($resultados);
$resultados = mysql_query("SELECT * FROM destinos, municipios where destinos.mun_codigo=municipios.mun_codigo and destinos.des_interes=1
and municipios.mun_nombre='$nombre' ORDER BY des_nombre ASC LIMIT $inicio, $registros");
$i=0;
$total_paginas = ceil($total_registros / $registros);
if($total_registros) {
echo "<table><tr>";
while($sitio=mysql_fetch_array($resultados)) {
echo "<td valign=middle width='215px'><a href='SContenido.php?n=$sitio[des_nombre]'><img src=images/".$sitio['des_imagenprincipal']." width='200px' height='100px' border=0></a>";
echo "<br><a href='SContenido.php?n=$sitio[des_nombre]'>".$sitio["des_nombre"]."</a></b><br><br>";
$i++;
$k = $i; //Para corregir el problema de que se empieza a contar de 0
if ($k % 3 == 0)
{
echo"<tr>";
}
}
echo"</table>";
} else {
echo "<font color='darkgray'>(sin resultados)</font>";
}
mysql_free_result($resultados);
if($total_registros) {
echo "<center>";
if(($pagina - 1) > 0) {
echo "<a href='?n=$nombre&pagina=".($pagina-1)."'>< Anterior</a> ";
}
for ($i=1; $i<=$total_paginas; $i++){
if ($pagina == $i)
echo "<b><font color='#FF3300'>".$pagina."</b> ";
else
echo "<a href='?n=$nombre&pagina=$i'>$i</a> ";
}
if(($pagina + 1)<=$total_paginas) {
echo " <a href='region2.php/#content8?n=$nombre&pagina=".($pagina+1)."'>Siguiente ></a>";
}
echo "</center>";
echo "<br></table>";
}
echo"</table>";
?>
</div>
</div>
</div>
</div>
el problema empieza desde:
Código:
<div id='content8' class='tab-content'>
<div class='tab-content-panel-border'>
<div class='tab-content-panel'>