How do I add a slideshow in Websitebuilder?

  • 5
  • 4
  • Question
  • Updated 3 months ago
  • Answered
  • (Edited)
1) Add an image gallery to the page.

2) Place the Gallery and you'll see a menu above.
    Click More > Advanced.



3) Click Settings.



4) Set how you want the images to display using Gallery Layout settings.
    Make sure the All items on one page is disabled.
    Also, the items per page would usually be 1 for a slideshow, but it does not have to be.
    Click Gallery Transitions.





5) 1) Choose your Entrance Animation and Exit Animation settings, by choosing Slide, Fade, or No Animation.
    2) Choose the Speed
    3) If you want the transition to happen automatically, choose the Auto Transition Interval (seconds)
        (Set your desired options. The number of seconds at the bottom is default 0. Set it to 0 and there will be a static gallery, otherwise set your desired interval)



6) Click Finish.
    If you Preview, you'll be able to see the transition in action!



Note: Please continue to enable the mobile gallery. In the mobile editor, you may be asked to enable the mobile custom editor. If asked, you will need to enable that to set the gallery.

7) Go to the mobile editor.







8) Find the gallery on the page and click on it. Then on advanced.




9) Click on settings.



10) Click on All items in in one page to turn it off.



11) Set the number of images to display per page and you can also set the gallery transitions.
Photo of Homestead FAQ

Homestead FAQ, Employee

  • 40,876 Points 20k badge 2x thumb

Posted 2 years ago

  • 5
  • 4
Photo of Jonathan T.

Jonathan T.

  • 5,752 Points 5k badge 2x thumb
Is there a way to turn off the ability for the user to click it so it acts more like a slider instead of a photo gallery?
Photo of Jonathan T.

Jonathan T.

  • 5,752 Points 5k badge 2x thumb
Took a few hours but I figured it out! Hover effects and popup when clicked need to be off. This new platform is excellent!
Photo of Drew N

Drew N, Community Manager

  • 258,438 Points 100k badge 2x thumb
Happy to hear it Jonathan. I will keep trying to add topics as I can, but feel free to start any you need as well.
Photo of Al8032

Al8032

  • 712 Points 500 badge 2x thumb
If I added a bunch of images instead of a gallery (because I couldn't see how to resize the pictures in the gallery to show the whole pictures if at a smaller scale- it kept cutting heads and feet, adjusting height and width didn't do it-) can I still do this?. Because I'm clicking at everythign clickable and I can't select all the images at once.
If it has to be a gallery instead of many images, then how can I have a gallery that will let me resize pictures so they are not automatically cropped one way or another? That they appear smaller but showing the full picture? Thanks
(Edited)
Photo of Drew N

Drew N, Community Manager

  • 258,348 Points 100k badge 2x thumb
Which page is the gallery on? I'll take a look.
Photo of Al8032

Al8032

  • 712 Points 500 badge 2x thumb
This is the page as it was (with many images added as a folder) and I've added the gallery at the bottom so you can see
http://2hrwac.homesteadcloud.com/worldquest-2016
Photo of Al8032

Al8032

  • 712 Points 500 badge 2x thumb
Sorry I forgot, later I changed the name, link now:
http://2hrwac.homesteadcloud.com/wq-2016-pics
Photo of Aurelie1129

Aurelie1129

  • 250 Points 250 badge 2x thumb
The slideshow only works if all your pics are resized to the same height.
For example, if you have a 200high x 200 tall pic, and a 300high x 300tall pic, and a 400high x 400tall pic... you would have to resize them all to be 200 high. Then you would stretch your slideshow box to be as wide as the widest pic.
Photo of Drew N

Drew N, Community Manager

  • 258,348 Points 100k badge 2x thumb
Ideally in a slideshow for the best results, all images should be of identical measurements. It makes for a much better look.
Photo of Al8032

Al8032

  • 712 Points 500 badge 2x thumb
Fixed thanks. Used a gallery type that barely cropped the pics.
Photo of Lorinda8965

Lorinda8965

  • 130 Points 100 badge 2x thumb
I would like to add a slideshow to my website, but my Website Manager looks nothing like the screen shots in this tutorial, and I cannot find gallery settings anywhere. Why is that??
Photo of susan2829

susan2829, Champion

  • 42,860 Points 20k badge 2x thumb
If you aren't seeing the images above then you are probably using a different builder. The images are from the new Websitebuilder. The desktop version and SiteBuilder + do not off a slideshow capability.
Photo of Lorinda8965

Lorinda8965

  • 130 Points 100 badge 2x thumb
Thank you for your reply!  I have the new builder now!
Photo of susan2829

susan2829, Champion

  • 42,860 Points 20k badge 2x thumb
Happy Web Site Building!
Photo of Will

Will

  • 60 Points
You can also use some third party slideshow maker like http://www.comslider.com and embed it with snippet code....
Photo of Mikki2128

Mikki2128

  • 152 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled Scrolling Images.

How do I create an element that scrolls images?
Photo of Mikki2128

Mikki2128

  • 152 Points 100 badge 2x thumb
I know how to create an Image Gallery, but I'm looking to create a scrolling banner type slideshow, not a single image at a time, so that the images continuously scroll across the top.  I've done it before, but can't seem to find it again.  Thanks for your help
Photo of Drew N

Drew N, Community Manager

  • 258,238 Points 100k badge 2x thumb
There was an element in Sitebuilder for scrolling, but Websitebuilder only has the slideshow. You can use the transitions, set to slide instead of fade, but 1 second interval is the shortest available.
Photo of Mikki2128

Mikki2128

  • 152 Points 100 badge 2x thumb
Hmm ... Do you know if I could copy and paste the element from the old website to the new website and make it still work?

Thanks again for your help. That was a great feature. I'm very sad they removed it 8-(
Photo of Drew N

Drew N, Community Manager

  • 258,238 Points 100k badge 2x thumb
Unfortunately not. The elements are not interchangeable.
Photo of Mikki2128

Mikki2128

  • 152 Points 100 badge 2x thumb
Thanks. I was able to copy the element to a new blank page and redirect.
Photo of Drew N

Drew N, Community Manager

  • 258,238 Points 100k badge 2x thumb
Great idea.
Photo of Jo Anne1746

Jo Anne1746

  • 356 Points 250 badge 2x thumb
This reply was created from a merged topic originally titled Slide show with Website Builder.

Can a slide show be created in section A of the home page in the Website Builder?  I know it's an option with Site Builder but I'm not able to find the option in Website Builder.  Thanks for the help.
Photo of Todd H

Todd H, Social Media Specialist

  • 19,954 Points 10k badge 2x thumb
You can create add an image gallery and add the transitions to it to make a slideshow affect. Take a look at the article above.
Photo of Zachary7037

Zachary7037

  • 120 Points 100 badge 2x thumb
Is there a way to allow the visitor an option to pause the slideshow? (besides the popup option)
(Edited)
Photo of Drew N

Drew N, Community Manager

  • 258,438 Points 100k badge 2x thumb
If they click on an image it will go to a photo gallery that allows them to manually scroll. Unfortunately there is no pause button.
Photo of Jonathan T.

Jonathan T.

  • 5,752 Points 5k badge 2x thumb
I know how to make the slideshow for the website, but is there a way for it to work as a slideshow on the mobile side?
Photo of Drew N

Drew N, Community Manager

  • 258,238 Points 100k badge 2x thumb
Go to the mobile editor and select the gallery. Turn on the custom style. On the settings, turn off All items on 1 page. Set the number of items to 1 and select the desired gallery transitions.
Photo of Belinda2717

Belinda2717

  • 210 Points 100 badge 2x thumb
Don't know if I'm blind or crazy, but I'm not seeing the "image gallery". I'm using the desktop version of sitebuilder. Is the image gallery only available in the online version of sitebuilder?
Photo of Drew N

Drew N, Community Manager

  • 258,238 Points 100k badge 2x thumb
Belinda2717, it is not available in either Sitebuilder program. It is only available in our new online Websitebuilder.
Photo of Belinda2717

Belinda2717

  • 210 Points 100 badge 2x thumb

Can we access it through our account, download , or what?

Photo of Drew N

Drew N, Community Manager

  • 258,238 Points 100k badge 2x thumb
You have to create a new site and choose a design.
Photo of Belinda2717

Belinda2717

  • 210 Points 100 badge 2x thumb

ok, thanks!

Photo of Igor2189

Igor2189

  • 938 Points 500 badge 2x thumb
This reply was created from a merged topic originally titled On Websitebuilder, how do I add a slideshow?.

On Websitebuilder, how do I add a slideshow?