Meta Slider and Carousel with Lightbox

Meta Slider and Carousel with Lightbox adds ‘Gallery’ meta box to page and any custom post type which is publicly visible.

Screen shows “Gallery” meta box and all gallery images added

Go to any page or post, Go to ‘Gallery’ click on Add Image(s)
Choose your desired images from WordPress media uploader, Drag & Drop Images and update.
Add [meta_gallery_carousel] OR [meta_gallery_slider] to page or post content.

Please go to page or post and add “Gutenberg Blocks“.

Display a Meta slider And Gallery Lightbox is very simple. Just add the following shortcode on any page to display image slider

Meta slider And Gallery Lightbox contain 2 shortcode.

[meta_gallery_slider]

[meta_gallery_carousel]

You can also use template code.
<?php echo do_shortcode('[meta_gallery_carousel]'); ?>
<?php echo do_shortcode('[meta_gallery_slider]'); ?>

GALLERY ID: [meta_gallery_slider id="5"]
Display Meta Gallery by their ID.
SHOW TITLE: [meta_gallery_slider show_title="true"]
Hide/Show image title. By default value is “true”. Values are “true” OR “false”.
SHOW CAPTION: [meta_gallery_slider show_caption="true"]
Hide/Show image caption. By default value is “true”. Values are “true” OR “false”.
PAGINATION AND ARROWS: [meta_gallery_slider dots="false" arrows="false"]
Hide/Show slider pagination and arrows. By default value is “true”. Values are true OR false.
AUTOPLAY AND AUTOPLAY SPEED: [meta_gallery_slider autoplay="true" autoplay_speed="1000"]
Display slider autoplay or not and set autoplay interval time. By default autoplay value is “true” and default interval time is “100″.
SLIDER SPEED: [meta_gallery_slider speed="300"]
Control the speed of the slider.
SLIDER HEIGHT: [meta_gallery_slider slider_height="250"]
Height of images will be controlled by this parameter. You can pass numeric value.
SLIDER LAZYLOAD: [meta_gallery_slider lazyload=""]
Select option to use lazy loading in slider. Values are “ondemand”, “progressive”.
EXTRA CLASS: [meta_gallery_slider extra_class=""]
Enter extra class.
Note: Extra class added as parent so using extra class you customize your design.

GALLERY ID: [meta_gallery_carousel id="10"]
Display Meta Gallery by ID.
SHOW TITLE: [meta_gallery_carousel show_title="true"]
Hide/Show image title. By default value is “true”. Values are “true” OR “false”.
SLIDE TO SHOW: [meta_gallery_carousel slide_to_show="3"]
Display number of image in a slider.
SLIDE TO SCROLL: [meta_gallery_carousel slide_to_scroll="2"]
Controls number of images slide at a time.
SHOW CAPTION: [meta_gallery_carousel show_caption="true"]
Hide/Show image caption. By default value is “true”. Values are “true” OR “false”.
PAGINATION AND ARROWS: [meta_gallery_carousel dots="true" arrows="true"]
Hide/Show slider pagination and arrows. By default value is “true”. Values are true OR false.
AUTOPLAY AND AUTOPLAY SPEED: [meta_gallery_carousel autoplay="true" autoplay_speed="100"]
Display slider autoplay or not and set autoplay interval time.
SLIDER SPEED: [meta_gallery_carousel speed="300"]
Control the speed of the slider.
SLIDER HEIGHT: [meta_gallery_carousel slider_height="250"]
Height of images will be controlled by this parameter. You can pass numeric value.
SLIDER LAZYLOAD: [meta_gallery_carousel lazyload=""]
Select option to use lazy loading in slider. Values are “ondemand”, “progressive”.
EXTRA CLASS: [meta_gallery_carousel extra_class=""]
Enter extra class.
Note: Extra class added as parent so using extra class you customize your design.