Comunidad de diseño web y desarrollo en internet online

boton siguiente en php

Foros de discusión > PHP y MySQL

Citar            
MensajeEscrito el 16 Dic 2008 10:13 pm
Buenasm es este mi primer mensaje en el foro.

Primero, les digo que esta realmente muy bueno :cool:

A lo que voy es.Estoy haciendo una galeria en php, no muy compleja.

Anda lo mas bien pero tengo gasn de hacer un boton "siguiente".
En pantalla se muestran 9 thumbs que son generados de la siguiente forma,

Código :

for($i=1;$i<=9;$i++)
{
echo '<a href="#" onclick="createtb('.$i.');"><img src="imagenes/imagenGaleria_'.$i.'.jpg" border="2" bordercolor = "white"  width="75" height="75" hspace="7" vspace="5"></img></a>';

}


Nose como hacer , para que al darle a siguiente,muestre las sigientes 9 imagenes en carpeta.
Espero su valiosa ayuda cuanto antes

saludos

Por niqoo.xen

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 16 Dic 2008 10:45 pm
Mmm deberias usar una base de datos para almacenar tus fotos, asi podrias crear un paginado, seria lo mas optimo.

Pero en ese codigo que tienes no sabria, quizas alguien mas del foro te pueda ayudar.

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Envíale un mensaje privado     Web

Lima, Peru

msie7
Citar            
MensajeEscrito el 16 Dic 2008 11:37 pm
vos decis de crear en mi DB una tabla , con un campo "imagen" y en el ingresar los registros con las direcciones de donde se encuentrar las imagenes?

Por niqoo.xen

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 16 Dic 2008 11:40 pm
Tu debes guardar solo la RUTA de la imagen, las imagenes estan fisicamente en el servidor.

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Envíale un mensaje privado     Web

Lima, Peru

firefox
Citar            
MensajeEscrito el 17 Dic 2008 01:09 am
la variable le sumas 1 y te da la siguiente pagina

Por talcual

686 de clabLevel



 

Envíale un mensaje privado     Web

Colombia

firefox
Citar            
MensajeEscrito el 17 Dic 2008 03:36 am
Talcual, no entendi.Al sumarle 1 a la variable $i , no estaria haciendo mas que lo que se hace al final del bucle.

En fin, si te explicas mejor..

Por niqoo.xen

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 17 Dic 2008 03:39 am
mira siguiente bueno solo se me ocurre q estas haciendo algoo como una paginacion pero para esto necesitaras decir en q pagina estas y no hay mejor forma q por get para esto por medio de un enlace colocas siguiente donde i sera la pagina q quieres ver y cuando le sumas 1 sera la pagina siguiente pos no se si me entiendas

Por talcual

686 de clabLevel



 

Envíale un mensaje privado     Web

Colombia

firefox
Citar            
MensajeEscrito el 17 Dic 2008 05:19 am
si osea, lo que yo no queria es hacer varias paginas de la galeria sino q se muestre en una sola.

De todos modos cree una base de datos con la direccion url de mis imagenes. Estoy viendo como hacer para que el src me tome la variable con la direccion

Por niqoo.xen

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 23 Dic 2008 12:45 am
Miren tengo algo asi

Código :

<script type="text/javascript">


function createtb(pepe){
document.getElementById('contenido').innerHTML = '<div align = center><a href = "imagenes/'.$reg['direccion'].'.jpg" target="_blank" ><img src="imagenes/'.$reg['direccion'].'.jpg" border="1" bordercolor = "white"  width="400" height="300" hspace="7" vspace="5"></img></a></div>';
}

</script>
<?php
$conexion=mysql_connect("localhost","nicolas","5wnni5") 
  or  die("Problemas en la conexion");
mysql_select_db("galeria",$conexion) 
  or  die("Problemas en la selección de la base de datos");
$registros=mysql_query("select direccion
                       from imagenes",$conexion) or
  die("Problemas en el select:".mysql_error());
  while ($reg=mysql_fetch_array($registros))
{

 

  echo '<a href="#" onclick="createtb('.$reg.');"><img src="imagenes/'.$reg['direccion'].'.jpg" border = "2"  bordercolor = "white"  width="75" height="75" hspace="7" vspace="5"></img></a>';
           

}

mysql_close($conexion);
?>
<div id="contenido">&nbsp;</div>


La funcion ,antes, cuando no tenia base de datos andaba lo mas bien.
Ahora solamente fue cuestiaon de cambiar las rutas y demas, pero no anda.Para mi es por la forma q enlazo las variables, no estoy seguro de que en javascript se haga de esa forma, porque no estoy muy familiarizado.
Aca es donde les digo

Código :

<img src="imagenes/'.$reg['direccion'].'.jpg"



Espero con ansias su respuesta, y desde ya les agradezco

Por niqoo.xen

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 26 Dic 2008 08:51 pm
Bien en fin la pregunta ES

¿Como hago la paginacion ?ya tengo todo armado, pero necesito eso

espero ayuda

Por niqoo.xen

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Citar            
MensajeEscrito el 27 Dic 2008 09:54 pm
busca una en google es mas facil te explican como se hacen

Por talcual

686 de clabLevel



 

Envíale un mensaje privado     Web

Colombia

firefox
Citar            
MensajeEscrito el 16 Abr 2009 03:38 am
Mira a ver si te sirve este Codigo:
En este Link puedes ver como funciona lo que quieres.

http://www.delchoco.com/damaguarte.php
Codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ver Galeria de Fotos www.delchoco.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<TABLE
style="BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; MARGIN-BOTTOM: 10px; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid"
cellSpacing=0 cellPadding=4 width="100%">
<TBODY>
<TR>
<TD width="100%" align=middle>
<?php
$tr=$_GET['tr']; $y=$_GET['y']; $tADir=$_GET['tADir']; $aDir = explode(",",$tADir); //arreglo de texto
//$aDir=$_GET['aDir']; $aDir=Array_Recibe($aDir); // Arreglo de php nativo
$myDir = dir("damaguarte/fotos/.");
if (empty($tr)) {$y=0; $tr=0; $aDir = array();}
?>
<?php
function Array_Envia($array)
{ $tmp = serialize($array); $tmp = urlencode($tmp); return $tmp; }

function Array_Recibe($url_array)
{ $tmp = stripslashes($url_array); $tmp = urldecode($tmp); $tmp = unserialize($tmp); return $tmp; }

function verJpg($fi) //creo una funcion que analice un string
{ if(eregi(".jpg" , $fi)|| eregi(".jpeg" , $fi)) //si el string contiene ".jpg" lo muestra
{ return $fi; } return "";
}

//echo '<script> if((f=0)) </scri'.'pt>'; para evaluar una variable js
if($tr==0)
{ $aDir = array();
//echo '<script> alert('. $tr.'); </scrip't>';

while($cDir = $myDir -> read( )) // lee cada uno de los elementos y los pasa por la funcion verJpg
{ $v = verJpg($cDir); if ($v!="") { $tr++; $aDir[] = $v; } }
// Usando un link (URL).
//echo "<a href=\"recibir_array.php?array=$array\">pasar array</a>";
rsort($aDir); //ordenar por fecha C/FOTO
$tADir = implode(",",$aDir); //toma el y Convierte el Arreglo en un Texto por primera vez para luego enviarlo
}

//foreach ($aDir as $key => $val) { echo "aDir[" . $key . "] = " . $val . "<br>"; }
if (($y >= $tr)||($y <= 0)) $y = 0;
?>
<script> var f = <?php echo $y; ?> </script>
<script> var Tr = <?php echo $tr; ?> </script>
<script>
<?php
for ($i = 0, $total = count($aDir); $i < $total; $i ++) echo "ax[$i] = '$aDir[$i]';";
?>
</script>
<? //$aDir=Array_Envia($aDir);
?>
</TD>
</TR></TBODY></TABLE>
<!-- main -->
<table width="51%" border="0" align="center" cellpadding="3" cellspacing="3">
<tr>
<td width="7%"><table width="50" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="11" height="27"><img src="tbl/cesi.gif" width="11" height="27" /></td>
<td width="322" class="top"><span
class=navbar> </span></td>
<td width="10" ><div align="right"><img src="tbl/cesd.gif" width="10" height="27" align="top" /></div></td>
</tr>
<tr>
z <td width="11" height="43" class="lateral_izq">&nbsp;</td>
<td background="damaguarte/imagenes/footer4_bg.gif" bgcolor="#000000">
<div align="center"><b><font color="#33FF00"><span><font color="#00FFFF"><a href="damaguarte.php"><strong><font color="#FFCC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#99CC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#FFCC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#99CC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#FF0000"><span style="height:1; filter:shadow(color=#666666, direction=230,
enabled=1)"><font face="Arial Narrow" size="4"><font color="#FFCC00" size="3" face="Verdana, Arial, Helvetica, sans-serif">
<script> document.write(fotos_damaguarte(f-1 ,"<?php echo $tADir; ?>","<?php echo $aDir[$y-1]; ?>","Previus",' width="100" height="100"')); </script>
</font></font></span></font></strong></font></font></strong></font></font></strong></font></font></strong></font></font></strong></a></font></span></font></b>
</div></td>
<td align="right" valign="top" class="lateral_der">
<div align="left"></div></td>
</tr>
<tr>
<td height="27"><img src="tbl/ceii.gif" width="11" height="27" /></td>
<td class="down">&nbsp;</td>
<td><div align="right"><img src="tbl/ceid.gif" width="10" height="27" /></div></td>
</tr>
</table></td>
<td width="38%"><table width="343" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="11" height="27"><img src="tbl/cesi.gif" width="11" height="27" /></td>
<td width="322" class="top"><span
class=navbar><a onClick=history.back(1)
href="http://www.delchoco.com"><img
border=0 alt="Go Back"
src="damaguarte/imagenes/navbits_start.gif"></a>&nbsp;&nbsp;Galeria
de Fotos de Collectcion <strong>DAMAGUARTE</strong>
</span></td>
<td width="10" ><div align="right"><img src="tbl/cesd.gif" width="10" height="27" align="top" /></div></td>
</tr>
<tr>
<td width="11" height="43" class="lateral_izq">&nbsp;</td>
<td background="damaguarte/imagenes/footer4_bg.gif" bgcolor="#000000">
<div align="center"><b><font color="#33FF00"><span><font color="#00FFFF"><a href="trocha_quibdo_medellin.htm"><strong><font color="#FFCC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#99CC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#FFCC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#99CC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#FF0000"><span style="height:1; filter:shadow(color=#666666, direction=230,
enabled=1)"><font face="Arial Narrow" size="4"><font color="#FFCC00" size="3" face="Verdana, Arial, Helvetica, sans-serif">
</font></font></span></font></strong></font></font></strong></font></font></strong></font></font></strong></font></font></strong></a>
<script> document.write(fotos_damaguarte(f+1 ,"<?php echo $tADir; ?>","<?php echo $aDir[$y]; ?>","Clic para Continuar la Galeria")); </script>
</font></span></font></b> </div></td>
<td align="right" valign="top" class="lateral_der">
<div align="left"></div></td>
</tr>
<tr>
<td height="27"><img src="tbl/ceii.gif" width="11" height="27" /></td>
<td class="down"><div align="center"><strong><font color="#00FF00">.
<script> document.write(" * Referencia: " ,f+1, " de ",Tr ); </script>
. </font></strong></div></td>
<td><div align="right"><img src="tbl/ceid.gif" width="10" height="27" /></div></td>
</tr>
</table></td>
<td width="55%"><table width="50" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="11" height="27"><img src="tbl/cesi.gif" width="11" height="27" /></td>
<td width="322" class="top"><span
class=navbar> </span></td>
<td width="10" ><div align="right"><img src="tbl/cesd.gif" width="10" height="27" align="top" /></div></td>
</tr>
<tr>
<td width="11" height="43" class="lateral_izq">&nbsp;</td>
<td background="damaguarte/imagenes/footer4_bg.gif" bgcolor="#000000">
<div align="center"><b><font color="#33FF00"><span><font color="#00FFFF"><a href="trocha_quibdo_medellin.htm"><strong><font color="#FFCC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#99CC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#FFCC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#99CC00" size="3" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"><strong><font color="#FF0000"><span style="height:1; filter:shadow(color=#666666, direction=230,
enabled=1)"><font face="Arial Narrow" size="4"><font color="#FFCC00" size="3" face="Verdana, Arial, Helvetica, sans-serif">
<script> document.write(fotos_damaguarte(f+1 ,"<?php echo $tADir; ?>","<?php echo $aDir[$y+1]; ?>","Next",' width="100" height="100"')); </script>
</font></font></span></font></strong></font></font></strong></font></font></strong></font></font></strong></font></font></strong></a></font></span></font></b>
</div></td>
<td align="right" valign="top" class="lateral_der">
<div align="left"></div></td>
</tr>
<tr>
<td height="27"><img src="tbl/ceii.gif" width="11" height="27" /></td>
<td class="down">&nbsp;</td>
<td><div align="right"><img src="tbl/ceid.gif" width="10" height="27" /></div></td>
</tr>
</table></td>
</tr>
</table>
<body>

</body>
</html>


Abres y ves los datos con esta misma pagina:

Lo que hago es manejar u arregleo del contenido de fotos del disco y luego me paso ese arreglo como texto y al recibirlo lo convierto a array nuevamente para poder ver cada posicion del array los cuales muestro como fotos del disco.

email: [email protected]
Industria de Software CyberX

Henry Pandales
Ing. de Sofwtare
http://www.delchoco.com

Por pandales

2 de clabLevel



 

Envíale un mensaje privado     Web

Quibdo

msie8
Citar            
MensajeEscrito el 16 Abr 2009 03:45 am
Olvide enviarte esta funcion

<SCRIPT type=text/javascript>
var ax = new Array();
<!--
var SESSIONURL = "";
var IMGDIR_MISC = "x_images/images/misc";
var vb_disable_ajax = parseInt("0", 10);
url = location.href; val = url.indexOf("?");
val = url.substring(val+1,url.length);
var y = 0; y = val.split("="); y=y[1];

// -->
function fotos_damaguarte(n,q,fi,m,t)
{var tx='<a href="damaguarte.php?y='+n+'&tr='+Tr+'&tADir='+q+'"> <img src="damaguarte/fotos/'+fi+'"'+t+' alt="'+m+'">';
return tx;
}
</SCRIPT>

Por pandales

2 de clabLevel



 

Envíale un mensaje privado     Web

Quibdo

msie8
Foros de discusión > PHP y MySQL

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.