Viewing file:  galerias-amplia.php (5.86 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?
$pagina_actual="inicio";
$categoria_actual="inicio";
require_once("panel/includes/config.php");
require_once("panel/includes/funciones.php");
$id=cadena_segura($_GET["id_f"],11);
$result = $mysqli->query("
SELECT n.id, n.fecha, n.titulo, n.copete
FROM fotogaleria n
WHERE n.id='".$id."'
");
$fotogaleria = mysqli_fetch_assoc($result);
$fotos=$mysqli->query("
SELECT nombre, id
FROM foto_fotogaleria
WHERE id_fotogaleria='".$id."'
ORDER BY orden
");
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="author" content="">
<title>Novedades</title>
<meta content="Próximos cursos, talleres y sesiones individuales" name="description">
<meta content="" name="keywords">
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/custom.css" />
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/sitio.css" />
<link rel="stylesheet" href="css/animated.css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Raleway:300,400,500,600,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="font-awesome-4.3.0/css/font-awesome.min.css"/>
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<!-- OTHER CAROUSEL -->
<link rel="stylesheet" href="css/carusel-personal.css" />
<link rel="stylesheet" href="css/blueimp-gallery.min.css">
<link rel="stylesheet" href="css/bootstrap-image-gallery.css">
<? require("includes/analytics.php");?>
<style>
#links .img-cover {
background-size: cover;
background-position: top center;
display: block;
}
.modulo-novedades-interior img {
padding: 0px;
}
</style>
</head>
<body>
<? $pagina_actual="novedades";
require('includes/header.php');?>
<div class="clearfix padd-variation"></div>
<section class="modulo modulo-cabeceras">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<p class="text-x">Fotogalerías</p>
<h4 class="texto">Fotogalerías</h4>
<h1>Galerías de imagenes cursos, talleres y sesiones individuales</h1>
</div>
</div>
</div>
</section>
<section class="modulo modulo-novedades-interior">
<div class="container text-center">
<div class="row">
<div id="links" class="padd-10">
<? //$fotos->data_seek(0);
while ($item = mysqli_fetch_assoc($fotos)){?>
<div class="col-sm-2 col-xs-4 padd-5">
<a href="contenido/<?=$carpeta_fotogalerias_original.$item["nombre"]?>" title="" data-gallery="" style="background-image:url('contenido/<?=$carpeta_fotogalerias_thumb.$item["nombre"]?>');" class="img-cover"><img src="imgs/mascara-galeria.png" class="img-responsive"></a>
</div>
<? }?>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
<? require('includes/footer.php');?>
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
<!-- The container for the modal slides -->
<div class="slides"></div>
<!-- Controls for the borderless lightbox -->
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
<!-- The modal dialog, which will be used to wrap the lightbox content -->
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-hidden="true">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body next"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left prev">
<i class="glyphicon glyphicon-chevron-left"></i>
Previous
</button>
<button type="button" class="btn btn-primary next">
Next
<i class="glyphicon glyphicon-chevron-right"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- Plugin JavaScript -->
<script src="js/scroll-effect.js"></script>
<!-- Parallax effect
<script src="js/parallax.min.js"></script> -->
<!-- OWL CAROUSEL -->
<script src="js/owl-carousel/owl.carousel.min.js"></script>
<script src="js/owl-carousel/owl_slider.js"></script>
<!-- Animated Div -->
<script type='text/javascript' src='js/wow.min.js'></script>
<script type='text/javascript'>
new WOW().init();
</script>
<script>
$(window).scroll(function() {
if ($(document).scrollTop() > 130) {
$('.navbar').addClass('shrink');
}
else {
$('.navbar').removeClass('shrink'); }
});
</script>
<!-- GALERIA -->
<script src="js/jquery.blueimp-gallery.min.js"></script>
<script src="js/bootstrap-image-gallery.js"></script>
</body>
</html>
|