![]() ![]() plugins/hounddd/lightgallery/components/partials/gallery_inline.htm for inline lightbox view.plugins/hounddd/lightgallery/components/partials/gallery.htm for thumbs view launching lightbox on click.The gallery details are coded in the component partials wich are shared between gallerySlug component and galleryId page snippet. NoImagesMessage = "No images in this gallery" The next example shows the basic component usage on the gallery page: title = "Display a gallery" noImagesMessage - contains the value of the noImagesMessage component's property.If the post is not found, the variable value is null. gallery - the gallery object loaded from the database.The gallerySlug component injects the following variables to the page where it's used: This property is used in the default component partial for creating links to the gallery images. The default value is galleries/category - it matches the pages/galleries/category.htm file in the theme directory. categoryPage - path to the category page.resizer - how the image should be fitted to dimensions.height - the height of the thumbnails to be displayed in the gallery.width - the width of the thumbnails to be displayed in the gallery.nextHtml - custom html for next control.prevHtml - custom html for prev control.escKey - whether the LightGallery could be closed by pressing the "Esc" key.download - whether or not to display the download button.controls - whether or not to display the prev/next buttons.counter - whether to show total number of images and index number of currently displayed image.pause - the the time (in ms) between each auto transition.loop - the ability to loop back to the beginning of the gallery from the last slide.speed - the transition duration (in ms).mode - the ype of transition between images.preload - the number of preload slides.plugins - the plugins used by lightGallery script.noImagesMessage - message to display in an empty gallery.inline - the display mode of the gallery.The component has the following properties: Use the gallerySlug component to display a gallery on a page. cd pluginsĪdd call in the example above with the partial contents. Just run this command composer require hounddd/wn-lightgallery-plugin CloneĬlone this repo into your winter plugins folder. Let assume you're in the root of your wintercms installation Using composer Smart image preloading and code optimization.Easily customizable via CSS (SCSS) and Settings.Swipe/Drag up/down support to close gallery.20+ Hardware-Accelerated CSS3 transitions.YouTube Vimeo Wistia and html5 videos Support.Double-click/Double-tap to see actual size of the image.Modular architecture with built in plugins.Vanilla javascript, no dependencies required, not even jquery.Compatible page snippet for Winter Pages plugin.A gallery can be shown either as thumbnails or as an inline lightbox.Create galleries of images organized in categories.This plugin use lightGallery script v2.4.0. ![]() Responsive, touch-friendly, and easy to use. Create stunning images and videos galleries for your WinterCMS website in minutes. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |