Introducing the all new PB Slideshow! The PB Slideshow is the most modern touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in any landing page or basic page within your college’s Drupal site.
...
Adding a Slideshow Container
See an example of this content type
Adding a Card Set
examples of all four slideshows
From the paragraph builder select the button labeled Add Card SetSlideshow
Enter the heading for this Card Set Slideshow Container in the Card Set Slideshow Container Title field.
Under Title Options select whether the Card Set Slideshow Container Title should be aligned left or centered. The default is visually hidden.
Select the Card Size and number of cards per row.
Info |
---|
Cards Per Row: Small (4); Medium (3); Large (2); Extra Large (1). |
Select the alignment and distribution of the cards in the card set with Justify Cards option.
Info |
---|
Alignment options include start, end, and center. |
Deselect the check box Add Card Border if you would not like borders around your cards; if you would like borders, leave this box checked.
Use the Text Alignment option to specify the text alignment (left or center) for the cards in this set.
If desired, add a horizontal border to separate rows (top, bottom, or both) with the Horizontal Border option.
Adding an Individual Card
In the Card Builder section, select Add Individual Card
If you would like an image added to your card, under Image, choose an image from your computer and Upload the image.
...
Autoplay checkbox whether you want the Slideshow to play automatically or not.
Type in the Autoplay Delay number. This determines the timeframe between slide transitions.
Info |
---|
Delay between transitions is in ms. Auto play is set to 3000 ms (3 sec) by default if not specified. |
Adding a Slideshow Style
In the Slideshow Builder section, select a style for the Slideshow. Styles listed below:
Add Slide - Full Width
Read this article for more details on uploading and adding an image for the Full Width Slideshow
Add Slide - Slides Per View
Add Slide - Thumbs
Read this article for more details on uploading and adding an image for the Thumbs Slideshow
Add Slide - Coverflow
Read this article for more details on uploading and adding an image for the Coverflow Slideshow