lightbox
Publicado por vicente (78 intervenciones) el 11/10/2016 08:33:03
hola buenos dias que creado una galerIa fotografica donde supuestamente se van a subir los proyectos realizados.....
la cuestion es que no he conseguido que me hiciera la estructura que yo quiero
subo codigo:
el problema es que me crea un row y dentro de esterow mete todas las imagenes da igual que sean 10 que 1....
y am i me gustaria que creara una estructura mas definida osea que me cree un row y que dentro de ese row solo puedan haber 4 imagenes , apartir de la 5 que me cree un row nuevo y que solo pueda albergar 3 imagenes mas, es decir que cada row solo puedo contener 4 imagenes ni una mas......
por otro lado en esta galeria cargo imagenes tipo thumbs de 260 x 156 px , imagenes pequeñas para que la pagina cargue con facilidad y no se haga pesada con la descarga de las imagenes del servidor..........
pero me gustaria que al darle a una imagen se me abriera en el lightbox, una imagen igual a la que se le ha clickcado pero con un tamaño mayor......,
como podria hacer esto???
gracias y saludos
la cuestion es que no he conseguido que me hiciera la estructura que yo quiero
subo codigo:
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
<?php
echo'<div class="row">';while ($trabajo = $trabajos_categoria->fetch_array())
{ echo'<div class="col-lg-3 col-lg-offset-5 col-lg-push-5 col-md-4 col-sm-6 col-xs-7 col-xs-push-1">';if (empty ($trabajo['url_thumbs']))
{ echo'<div class="embed-responsive embed-responsive-16by9">';echo '<iframe class="embed-responsive-item" width="260" height="156" src="' . $trabajo['url_video'] .'"frameborder="0" allowfullscreen"></iframe>';
echo'</div>'; echo'<br>'; echo'<div class="row3">'; echo'<div class="text_video col-lg-10 col-lg-push-1 col-md-4 col-sm-9 col-xs-12 col-xs-pull-1">';echo'<p class="vert text-center text-muted"><span class="text-warning">Autor:</span> '.$trabajo['autor'].'</p>';
echo'<p class="vert text-center text-muted"><span class="text-warning">Categoria:</span> '.$trabajo['nombre'].'</p>';
echo'</div>'; echo'</div>'; }else
{echo '<a href="img/' . $trabajo['url_thumbs'].'" rel="lightbox[roadtrip]"><img src="img/' . $trabajo['url_thumbs'] .'" alt="" class="img-responsive borderImage slickHoverPlus" width="260px" height="156px" onmouseover()="slickHoverPlus"></img></a>';
echo'<br>'; echo'<div class="row3">'; echo'<div class="col-lg-10 col-lg-push-1 col-md-4 col-sm-9 col-xs-12 col-xs-pull-1">';echo'<p class="vert text-center text-muted"><span class="text-warning">Autor:</span> '.$trabajo['autor'].'</p>';
echo'<p class="vert text-center text-muted"><span class="text-warning">Categoria:</span> '.$trabajo['nombre'].'</p>';
echo'</div>'; echo'</div>'; } echo'</div>'; }$conexion->close();
?>
el problema es que me crea un row y dentro de esterow mete todas las imagenes da igual que sean 10 que 1....
y am i me gustaria que creara una estructura mas definida osea que me cree un row y que dentro de ese row solo puedan haber 4 imagenes , apartir de la 5 que me cree un row nuevo y que solo pueda albergar 3 imagenes mas, es decir que cada row solo puedo contener 4 imagenes ni una mas......
por otro lado en esta galeria cargo imagenes tipo thumbs de 260 x 156 px , imagenes pequeñas para que la pagina cargue con facilidad y no se haga pesada con la descarga de las imagenes del servidor..........
pero me gustaria que al darle a una imagen se me abriera en el lightbox, una imagen igual a la que se le ha clickcado pero con un tamaño mayor......,
como podria hacer esto???
gracias y saludos
Valora esta pregunta
0