<?php $__env->startSection('css'); ?>
<?php echo Minify::stylesheet('/css/newsImages.css')->withFullUrl(); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('title'); ?>
Actualidad en imágenes
<?php $__env->stopSection(); ?>
<?php $__env->startSection('description'); ?>
Un repaso a la actualidad de Radio ECCA en imágenes.
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<?php echo Breadcrumbs::render('news-images'); ?>

<div class="container">
    <div class="titulo_categoria">
        <span>Actualidad en imágenes</span>
    </div>
</div>

<div class="container">
    <div class="grid">
        <?php foreach($photoArray as $photo): ?>
        <div class="grid-item col-md-3 col-xs-6">
            <?php echo $photo; ?>

        </div>
        <?php endforeach; ?>
    </div>
</div>
<div class="spacer"></div>
<div class="image-viewer hide">
   <img id="load-image" class="img-responsive">
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js-code-post'); ?>
<?php echo Minify::javascript('/js/custom.js')->withFullUrl(); ?>

<script>
   $(".image-item").click(function (event) {
      event.preventDefault();
      var href = $(this).attr("href");
      $(".image-viewer").removeClass("hide");
      $("#load-image").attr("src", href);
   });
   $(".image-viewer").click(function () {
      $(this).addClass("hide");
   });

   $(".grid .grid-item a").hover(function(event){
      $(this).children("span").stop(true,true).fadeToggle( "fast", "linear" );
   });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.base', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>