Problema al mostrar imagenes desde una base de datos
Publicado por Sam (185 intervenciones) el 07/02/2014 08:49:56
Hola a todos, verán tengo un codigo con el cual se pueden mostrar fotos extraídas desde una base de datos sql.
las muestra formando una tabla de 6 columnas (con lo cual muestra 6 fotos en el horizontal).
y de manera indefinida (mientras que hayan fotos en el vertical por eso he utilizado un if).
Pero tengo un pequeño problema sin resolver.
la foto si me la muestra pero el titulo y su comentario de foto correspondiente, no.
Veréis si cada foto lleva acompañada de un titulo y un comentario guardado en la bbdd a cada foto.
¿qué tendría que poner de código y donde tendría que ponerlo para conseguir que cuando la foto se ampliara al hacer click sobre la miniatura apareciera la foto agrandada con su titulo y comentario debajo de ella?
Lo he intentado de mil maneras y no hallo la manera de que cuando la imagen que sea se hace grande con el estilo slimbox, (cuando se amplia la foto se hace grande estilo diapositiva con el fondo negro), vaya acompañada de un titulo y/o un comentario, en definitiva los datos que se piden en el "select", soy novato y me cuesta un horror cada vez que avanzo un poco.
Podéis ayudarme con eso plis.
Una cosa mas tengo la siguiente linea de css para restringir el tamaño de las fotos
a unos pixeles de ancho y alto como maximos cuando la imagen se agranda al hacer click sobre la miniatura.
el asunto es que me pasa lo mismo por mas que intento meter esta linea de codigo para ello , no me lo detecta ,
¿en donde fallo?
style='max-height: 450px; max-width: 800px;'
Gracias por vuestra paciencia y vuestra ciencia.
las muestra formando una tabla de 6 columnas (con lo cual muestra 6 fotos en el horizontal).
y de manera indefinida (mientras que hayan fotos en el vertical por eso he utilizado un if).
Pero tengo un pequeño problema sin resolver.
la foto si me la muestra pero el titulo y su comentario de foto correspondiente, no.
Veréis si cada foto lleva acompañada de un titulo y un comentario guardado en la bbdd a cada foto.
¿qué tendría que poner de código y donde tendría que ponerlo para conseguir que cuando la foto se ampliara al hacer click sobre la miniatura apareciera la foto agrandada con su titulo y comentario debajo de ella?
Lo he intentado de mil maneras y no hallo la manera de que cuando la imagen que sea se hace grande con el estilo slimbox, (cuando se amplia la foto se hace grande estilo diapositiva con el fondo negro), vaya acompañada de un titulo y/o un comentario, en definitiva los datos que se piden en el "select", soy novato y me cuesta un horror cada vez que avanzo un poco.
Podéis ayudarme con eso plis.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<?php
$fotos = mysql_query("SELECT id,foto,comentario_foto FROM fotos_bbdd", $conexion);
if (mysql_num_rows($fotos)){
?>
<table class="contenedor_opcs" border="0" cellpadding="0" cellspacing="5" id="tabla_microfotos" bgcolor="#000000">
<?php
$f = array();
while ($row = mysql_fetch_array($fotos))
$f[] = $row['foto'];
$grupo = array_chunk($f, 6);
foreach ($grupo as $sub_grupo){
?>
<tr>
<?php
foreach ($sub_grupo as $foto){
?>
<td align='center' valign='middle' height='133px' width='145px'>
<!--style='max-height: 450px; max-width: 800px;'--><a href='<?=$foto?>' rel='lightbox' title='<?php echo $foto ?>'>
<img src = '<?=$foto?>' class='sombra_blanca' style='max-height: 105px; max-width: 115px;' />
</a>
</td>
<?php
}?>
</tr>
<?php
}?>
</table>
<?php
mysql_free_result($fotos);
}else
echo 'No se encontraron datos en la consulta';?>
Una cosa mas tengo la siguiente linea de css para restringir el tamaño de las fotos
a unos pixeles de ancho y alto como maximos cuando la imagen se agranda al hacer click sobre la miniatura.
el asunto es que me pasa lo mismo por mas que intento meter esta linea de codigo para ello , no me lo detecta ,
¿en donde fallo?
style='max-height: 450px; max-width: 800px;'
Gracias por vuestra paciencia y vuestra ciencia.
Valora esta pregunta
0
