Displays a specific Photo Gallery as thumbnails, with a lightbox effect.
This module supports Liquid.
Syntax
{bb_photogallery source="" collectionName="" limit="" resultsPerPage="10" displayPagination="true" emptyMessage="No items found." rowCount="4" thumbnail="fillProportional" thumbnailWidth="" thumbnailHeight="" lightBox="true" targetFrame="" layout=""}
Properties
- id - System generated ID for the specific Gallery.
- source - This parameter identifies the Gallery from which to pull the images to render on a web page. If left blank, returns all images from every "enabled" Gallery within a website.
- collectionName - The parameter is used to access the collection the Liquid tags.
- limit - Set the maximum number of images to return.
- displayPagination - Renders the pagination section when there are more images in the Gallery than the resultsPerPage value.
- resultsPerPage - When displayPagination is set to "true" this number will determine the number of items displayed in a page. Enabled only if displayPagination check box is checked. Default value is 10 items per page.
- emptyMessage - Custom message value that is rendered. Default text is "No items found.".
- rowcount -
- lightbox - (true|false) this parameters determines whether to utilize the built-in lightbox. Default is set to "true".
- thumbnail - Control the image proportional size.
- proportional - The thumbnail image maintains the aspect ratio of the source image and uses the specified width or height of whichever side is proportionately larger.
- fill - The thumbnail image is resized to fill the specified width and height settings as defined in the parameters; the aspect ratio of the original source image is not maintained.
- fillproportional - The thumbnail image is resized to fill the specified width and height settings as defined in the parameters; the extra pixels from the top/bottom or left/right are cropped on whichever side of the image is proportionally larger, if needed, to maintain the aspect ratio of the original source image and ensure that the thumbnail does not look squashed or squished.
- thumbnailWidth - this parameter controls the maximum width of the image in pixels.
- thumbnailHeight -this parameter controls the maximum height of the image in pixels.
- layout - Renders the module output using:
layout="Default"
- sets the layout to the Default module layout;layout="My Custom Layout"
- set the layout to use a custom layout template;layout=""
- allows you to code a custom layout right within the web page HTML.
Liquid Tags
- {{photoGalleryId}} – System generated ID of the Photo Gallery.
- {{photoGalleryName}} – Name of the Photo Gallery.
- {{photoGalleryCount}} – Total number of photos contained within the Photo Gallery.
- {{photoGalleryFolderPath}} – Folder path to where the photo files are hosted.
- {{photoGalleryLastUpdated}} – Date and time the Photo Gallery was updated.
- {{photoGalleryEnabled}} – Signifies whether a Photo Gallery is enabled for display.
- {{photoId}} – system generated ID.
- {{photoTitle}} – Photo title.
- {{photoAltText}} – Photo SEO text content.
- {{photoCaption}} – Photo caption to render on the website.
- {{photoCopyright}} – Copyright notice for the photo.
- {{photoDimensions}} – Renders the height and width dimensions of the photo.
- {{photoFilename}} – File name of the photo.
- {{photoUrl}} – URL to the original file uncompressed.
- {{photoTags}} – Renders a list of Tags that have been assigned to the image.
- {{photoPagination}} – Renders an enhanced pagination.
- {{photoCurrentPage}} – Renders the current page number.
- {{photoNextPage}} – Renders a hyperlink that triggers a Javascript event to change content to the next page.
- {{photoPreviousPage}} – Renders a hyperlink that triggers a Javascript event to change content to the previous page.
- {{photoItemsPerPage}} – Defines the number of photos to display per page.
- {{photoNumberOfPages}} – Renders the number of pages that make up the Photo Gallery.
- {{photoThumbnailUrl}} – Renders a URL of the thumbnail version of the photo.
Comments
0 comments
Please sign in to leave a comment.