add slideshow2The previous guide covered Adding a survey in Concrete5. As we continue our tutorial series on working with blocks, we will now show you how to add a slideshow block to your Concrete5 page.

You have probably seen slideshows on websites using photos to tell a story. From family reunions to school functions, slideshows are a fun way to display photos on your website.

How to add a slideshow:

  1. Login to your Concrete5 dashboard.
  2. Navigate to the page you want to add the slide show to, by selecting it in the menu bar on top.
  3. Select the Edit button on the top left of the dashboard.  Now when you roll your mouse over the site, editable areas will light-up.
  4. Click on an area to add a block to. For example, in our testing we are adding the slideshow above the content of the article, so we are clicking Add to Main.
  5. Click Add Block.
  6. In the list of available blocks, find and click on Slideshow.
  7. On the Add Slideshow menu, under the Type option, choose Pictures from File Set, then choose your File Set from the drop-down box. To display images from a set you have already created.

    If you have not created an image set, click Custom Slideshow then the Add Image button. This will bring up the file manager.

    Use the Browse / Upload buttons to locate images on your computer and upload them to your Concrete5 website. Now they will show on the list in File Manager.
     
  8. To add them to the slideshow, click the check-box to the left of the images, then click the dropdown menu titled **With Selected, and click choose. This will bring you back to the Add Slideshow menu.

    add slideshow3
  9. In the Playback drop-down box, choose Display Order if you want the images to play in order of the list, from top to bottom. The Random option will play all images in a set randomly, and the Completely Random option will display all photos randomly, regarldess of set.

    To the right of the images there are several options. 

    OptionDescription
    Duration Set how long in seconds to display this image before fading to the next one.
    Fade Duration Set how long in seconds to fade into the next photo. 
    Set Number If you give the image a Set number, it allows you to group images with the same set number together.
    Link URL If you click the image, it will redirect to the optional address entered here.

    Click the Add+ button to add this block to your Concrete 5 page.

    Congratulations, you have added a slideshow to your website! In the next turorial we will show you how to add a guestbook or comment sectionin Concrete5.





Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.
}