51社区

Element: Image Slideshow

IMPORTANT: Images must be cropped to the same size before adding to the slideshow. This should be done before uploading to Drupal using external programs (like Pixlr or Photoshop).

View Instruction Details for Full-Width Slideshow

  1. Add Page Content Row [Advanced].
Add Advanced Content Row
  1. Under Modular Page, select the option to Add Image Slideshow.
Add Image Slideshow
  1. Add Title of Slide and the Image.
Add Title and Image
  1. Add the text for the slide.
Add Slide Text
  1. Add another Image Slide to the slideshow.
Add another image slide
Sun shining through campus

Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

College Gateway

Title 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Aerial view of South Green

Title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sun dial

Title 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

View Instruction Details for 50% slideshow

  1. Add Page Content Row [Advanced].
Add Advanced Content Row
  1. Under Offset and Width Settings, change column width to 50% 
Change column width to 50%
  1. Under Modular Page, select the option to Add Image Slideshow.
Add Image Slideshow
  1. Add Title of Slide and the Image.
Add Title and Image
  1. Add the text for the slide.
Add Slide Text
  1. Add another Image Slide to the slideshow.
Add another image slide
  1. Add 2nd column, by choosing Add Page Content Column.
Add another column
  1. Under Offset and Width Settings, change column width to 50% 
Change column width to 50%
  1. Add a Content Text Editor
Add Content Text Editor block
  1. Add the text and save the page.

Note: You can switch the order of the two blocks if you want the slideshow on the right side instead of the left side.

Sun shining through campus

Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

College Gateway

Title 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Aerial view of South Green

Title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sun dial

Title 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Malesuada fames ac turpis egestas maecenas pharetra convallis. Euismod lacinia at quis risus sed vulputate odio ut. Sed viverra ipsum nunc aliquet bibendum enim. Maecenas volutpat blandit aliquam etiam erat velit scelerisque in dictum. Felis bibendum ut tristique et. Id porta nibh venenatis cras sed felis eget. Lectus urna duis convallis convallis. Mauris a diam maecenas sed enim ut. Nec dui nunc mattis enim ut tellus. Nulla facilisi cras fermentum odio eu feugiat. Phasellus vestibulum lorem sed risus ultricies.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Malesuada fames ac turpis egestas maecenas pharetra convallis. Euismod lacinia at quis risus sed vulputate odio ut. Sed viverra ipsum nunc aliquet bibendum enim. Maecenas volutpat blandit aliquam etiam erat velit scelerisque in dictum. Felis bibendum ut tristique et. Id porta nibh venenatis cras sed felis eget. Lectus urna duis convallis convallis. Mauris a diam maecenas sed enim ut. Nec dui nunc mattis enim ut tellus. Nulla facilisi cras fermentum odio eu feugiat. Phasellus vestibulum lorem sed risus ultricies.

Sun shining through campus

Title 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

College Gateway

Title 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Aerial view of South Green

Title 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sun dial

Title 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.