Comunidad de diseño web y desarrollo en internet online

Duda con galeria en PHP y Javascript

Citar            
MensajeEscrito el 31 Jul 2007 02:58 pm
Tengo el siguiente proyecto. En una tabla dividida en 2 columnas muestro las imagenes de productos en la columna derecha y al hacer click en alguna de ellas, aparece una imagen mas grande del producto en la columna izquierda.

La forma de traer los productos a la columnas derecha es la siguiente:

Código :

<?
$link = mysql_connect ("xxx","xxxx","");
mysql_select_db ("basedatos", $link) ;
$registros = 9;
if (!$pages) { 
    $inicio = 0; 
    $pages = 1; 
} 
else { 
    $inicio = ($pages - 1) * $registros; 
}  
$resultados = mysql_query("SELECT * FROM products LIMIT $inicio, $registros");    
$total_paginas = ceil($total_registros / $registros);     
<table width="700" border="1">
  <tr>
    <td width="55%">
<div id="loadarea2" style="width: 400px"></div></td>
    <td width="45%"><? echo "<table align=right>";
$columnes = 3; # Número de columnas (variable)
for ($i=1; $row = mysql_fetch_row ($resultados); $i++) {
$resto = ($i % $columnes); # Número de celda del <tr> en que nos encontramos
if ($resto == 1) {echo "<tr>";} # Si es la primera celda, abrimos <tr>
    echo "<td><a href='admin/$row[4] 'rel='enlargeimage::click' rev='loadarea2'><img src=admin/$row[5]></a></td>";
if ($resto == 0) {echo "</tr>";} # Si es la última celda, cerramos </tr>
}
if ($resto <> 0) { # Si el resultado no es múltiple de $columnes acabamos de rellenar los huecos
$ajust = $columnes - $resto; # Número de huecos necesarios
for ($j = 0; $j < $ajust; $j++) {echo "<td>&nbsp;</td>";}
echo "</tr>"; # Cerramos la última línea </tr>
}
mysql_close($link);
echo "</table>";?></td>
</tr>
</table>
?>

y aqui es donde se pone en funcionamiento el script de Javascript para que la imagen aparezca en la columna izquierda:

Código :

echo "<td><a href='admin/$row[4] 'rel='enlargeimage::click' rev='loadarea2'><img src=admin/$row[5]></a></td>";  

Ahora el problema:
Los productos tienen datos cargados en la BD como precio y pais. Y necesito programar ya sea en javascript o php de manera que al aparecer la imagen del producto en grande en la columna izquierda, aparezca el precio y el pais del producto seleccionado, ademas de la imagen en grande.

Espero hayan entendido mi explicacion y pueden ayudarme... gracias...

Por maxi_lance

31 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 03 Ago 2007 08:04 am
No se si te servira pero puedes cargar todos los datos a la vez en 2 divs ( cada 1 dentro de su parte de la tabla ) y que el div correspondiente al apartado "2" este oculto, y que al pulsar en el enlaze ponga ese div a visible
espero que te sirva ;)

Por Loky

85 de clabLevel



Genero:Masculino  

aplicaciones web personalizadas

firefox
Citar            
MensajeEscrito el 03 Ago 2007 03:04 pm
es una buena idea, pero podrias guiarme en como poner oculto el div ? es que no tengo idea de javascript y me cuesta mucho interpretarlo ! grax igual por la respuesta...

Por maxi_lance

31 de clabLevel



Genero:Masculino  

Argentina

msie
Citar            
MensajeEscrito el 04 Ago 2007 01:50 pm
haver si me se explicar:

Código :

<SCRIPT LANGUAGE="JavaScript">
function mostrar() 
{
if (document.getElementById) 
   { // DOM3 = IE5, NS6
   document.getElementById('img_grande').style.visibility = 'visible';
   }
else 
   {
   if (document.layers) 
      { // Netscape 4
   document.img_grande.visibility = 'visible';
      }
      else 
      { // IE 4
      document.all.img_grande.style.visibility = 'visible';
      }
   }
}
</script>
</head>

<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    aqui tu contenido php y el enlaze para mostrar el div<br />
   <a href="#" onclick="mostrar()">
    </td>
    <td><div id="img_grande"> aquí el contenido de img_grande</div></td>
  </tr>
</table>
</body>

la idea es la siguiente: tienes una tabla que englova todo tu contenido, dentro de esta tabla tienes 2 celdas, una con tu contenido php para generar todos los datos etc y los enlazes para mostrar los divs. yo te he puesto nadamas el codigo de lo que seria mostrar solo div, pero si necesitas mas solo tendrias que añadirle a la id del div un numero ( puede ser la id del producto que quieras mostrar por ejemplo ) i hazer que el javascript funcione por variables ( no te lo he puesto yo porque de javascript no tengo muxa idea xD )
no se si me entiendes...
si ves que no te aclaras dilo y te pondre un codigo mas extenso

Por Loky

85 de clabLevel



Genero:Masculino  

aplicaciones web personalizadas

firefox

 

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