ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / entrepro / wp-content / plugins / content-egg / application / modules / Pixabay / templates

<?php
/*
 * Name: Gallery
 * 
 * @link: http://miromannino.github.io/Justified-Gallery/
 */
__('Gallery', 'content-egg-tpl');
?>

<?php wp_enqueue_style('egg-justified-gallery', ContentEgg\PLUGIN_RES . '/justified_gallery/justifiedGallery.min.css'); ?>
<?php wp_enqueue_script('egg-justified-gallery', ContentEgg\PLUGIN_RES . '/justified_gallery/jquery.justifiedGallery.min.js'); ?>
<?php wp_enqueue_style('egg-color-box', ContentEgg\PLUGIN_RES . '/colorbox/colorbox.css'); ?>
<?php wp_enqueue_script('egg-color-box', ContentEgg\PLUGIN_RES . '/colorbox/jquery.colorbox-min.js'); ?>

<?php
$rand = rand(0, 100000);
?>

<?php if ($title): ?>
    <h3><?php echo esc_html($title); ?></h3>
<?php endif; ?>

<div class="cegg-pixabay-gallery">
    <?php foreach ($items as $item): ?>
        <a href="<?php echo $item['img']; ?>" rel="gallery<?php echo $rand; ?>">
            <img src="<?php echo $item['img']; ?>" alt="<?php echo esc_attr($item['title']); ?>" class="img-thumbnail" />
        </a>
    <?php endforeach; ?>
</div>
<script>
    jQuery(document).ready(function() {

jQuery('.cegg-pixabay-gallery').justifiedGallery({
            rowHeight: 160,
            lastRow: 'nojustify',
            margins: 1,
        }).on('jg.complete', function() {
            jQuery(this).find('a').colorbox({
                maxWidth: '80%',
                maxHeight: '80%',
                opacity: 0.8,
                transition: 'elastic',
                current: ''
            });
        });
    });
</script>

[+] ..
[-] data_image.php [edit]
[-] data_justified_gallery.php [edit]