Support Forum
I want add paging for my images .kindly help me.Below is my code.
function bee_quick_gallery_front_view()
{
$bee_quick_gallery_images = rwmb_meta( 'bee_qucik_gallery_images', 'size=full' ,867 );
?>
<div id="bee-quick-grid-gallery" class="bee-quick-grid-gallery">
<section class="beegrid-wrap">
<ul class="beegrid">
<li class='beegrid-sizer'></li><!-- for Masonry column width -->
<?php
if ( !empty( $bee_quick_gallery_images ) ) {
foreach ( $bee_quick_gallery_images as $bee_quick_gallery_image ) {
echo "
<li>
<figure>
<img src='{$bee_quick_gallery_image['url']}' alt='{$bee_quick_gallery_image['alt']}' />
</figure>
</li>
";
}
}
?>
</ul>
</section><!-- // bee_quick_slideshow -->
<section class="bee_quick_slideshow">
<ul>
<?php
if ( !empty( $bee_quick_gallery_images ) ) {
foreach ( $bee_quick_gallery_images as $bee_quick_gallery_image ) {
echo "
<li>
<figure>
<img src='{$bee_quick_gallery_image['url']}' alt='{$bee_quick_gallery_image['alt']}' />
<figcaption><h3>Letterpress asymmetrical</h3><p>Chillwave hoodie ea gentrify aute sriracha consequat.</p></figcaption>
</figure>
</li>";
}
}
?>
</ul>
<nav>
<span class="icon nav-prev"></span>
<span class="icon nav-next"></span>
<span class="icon nav-close"></span>
</nav>
<div class="info-keys icon">Navigate with arrow keys</div>
</div><!-- // bee-quick-grid-gallery -->
</div>
<?php
}
add_shortcode('bee-gallery','bee_quick_gallery_front_view');