Ver Mensaje Individual
  #3 (permalink)  
Antiguo 02/02/2014, 17:20
mensajeescrito
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años
Puntos: 5
Respuesta: Problema al mostrar imagenes desde una base de datos

Ha funcionado perfectamente!!!!!

Eres un fenomeno, mil gracias. por ayudarme y por enseñarme lo de la funcion array_chunk.

Y a recordarme que un codigo ordenado es mejor jejejee.


Pero te comento, cierto es que las miniaturas se muestran en filas de 6 fotos perfectamente.

La cuestion es que cuando hacia click en cada una de ellas la miniatura de foto se hacia grande y ahora no.

supongo que es debido a la reestructuracion del codigo que me has pasado.

el codigo que utilizo para ello me llevo un mes programarlo, ya se que es mejorable pero ahora no funciona

El efecto que hace el codigo siguiente que utilizo para ello es mostrar centrada en la pantalla un fondo negro con una opacidad mediana para que se vea un poco el fondo de la web, y la imagen sale

en grande centrada.


¿que puede ser alexis 88?


Código PHP:
Ver original
  1. <?php
  2.                            
  3.                                 $fotos = mysql_query("SELECT id,foto,comentario_foto FROM fotos_bbdd",$conexion);  
  4.                                  
  5.  
  6.                                  
  7.                                 $cuenta = 1;
  8.                                 while ($foto = mysql_fetch_array($fotos)) {
  9.                                    
  10.                                         $cuenta++;
  11.                                         if ($cuenta%6 == 1) echo "</tr></tr>";
  12.                                        
  13.                                         $mostrar_foto = $foto['foto'];
  14.                             ?>
  15.                  
  16.                             <!-- Bloque de contenido de cada imagen ======================================================================================= -->            
  17.                          
  18.                                         <div id="<?php echo 'foto_'.$cuenta; ?>" class="contenido" align="center">
  19.                                        
  20.                                         <!-- CENTRADO DE IMAGEN PARA TODOS LOS NAVEGADORES Y TAMAÑOS DE PANTALLA DE MANERA APROXIMADA===== -->                                                      
  21.                                             <table style="border-collapse: collapse" width="1680px" height="1000px" border="4" bordercolor="#ffffff" class="negro_opacidad">
  22.                                               <tr>
  23.                                                 <td align="center" valign="middle">    
  24.                                         <!-- ======================================================================================= -->            
  25.                                                
  26.                                                 <div class="contenido_foto">
  27.                                                
  28.                                                         <table border="0" class="tabla_fotos" style="background: #fff">
  29.                                                        
  30.                                                               <tr>
  31.                                                              
  32.                                                                 <td colspan="2" align="center">
  33.                    
  34.                                                                         <?php echo "<img src = '$mostrar_foto' style='max-height: 450px; max-width: 800px;' class='efecto_polaroid'>" ?>                                                      
  35.                                                                    
  36.                                                                 </td>
  37.  
  38.                                                               <tr/>
  39.                                      
  40.                                                              
  41.      
  42.                                                               <tr>                                                          
  43.                                                              
  44.                                                                 <td align="left">
  45.                                                    
  46.                                                                     <!-- TITULAR ================== -->
  47.                                                                    
  48.                                                                     <div class="titular_foto">
  49.                    
  50.                                                                         <?php echo $mostrar_id = $foto['id']; ?> <?php echo $mostrar_comentario_foto = $foto['comentario_foto']; ?><?php echo $cuenta; ?>
  51.                    
  52.                                                                     </div>  
  53.                            
  54.                                                                 </td>
  55.                                                
  56.                                                                 <td align="right">
  57.                                                                
  58.                                                                         <!-- EL "a href" SIGUIENTE ES PARA QUE AL HACER CLICK EN UNA MINIATURA PARA HACERLA GRANDE EL MENÚ DOCK DESAPAREZCA EN ESE MOMENTO,
  59.                                                    
  60.                                                                         LA PARTE DE JAVASCRIPT NECESARIA QUE FALTA ESTA EN EL INDEX SOBRE LA LINEA 122 APROXIMADAMENTE -->  
  61.                                  
  62.                                                                         <a href="#"onClick="muestra_oculta('dock2')" title="">  
  63.                                                                                              
  64.                                                                             <!-- BOTÓN CERRAR ============= -->
  65.                                                                            
  66.                                                                              <div class="btn_cerrar_foto">
  67.                                                                                                                
  68.                                                                                  <div id="1"> <img src="imagenes/btn_cerrar_foto.png" alt="Cerrar foto"/> </div>
  69.                                                      
  70.                                                                              </div>
  71.                                                                              
  72.                                                                         </a>
  73.                                                                                        
  74.                                                                 </td>    
  75.                                                                
  76.                                                               </tr>
  77.                                                              
  78.                                                         </table>              
  79.              
  80.                                                  </div>
  81.  
  82.                                                  
  83.                                         <!-- ======================================================================================= -->                                                        
  84.                                                 </td>
  85.                                               </tr>
  86.                                             </table>                        
  87.                                         <!-- ======================================================================================= -->            
  88.                                      
  89.                                         </div>
  90.                                  
  91.                                
  92.                                
  93.                     <!-- Fin de Bloque repetidor de imagenes ======================================================================================= -->                                            
  94.                                
  95.                             <?php } ?>

Última edición por mensajeescrito; 02/02/2014 a las 17:57