Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Read this article for more details on uploading and adding an image for the Slides Per View Slideshow

  • 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