Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Recommended Posts

Site URL: https://scipioni-enterprises.squarespace.com

I have added some script to my home page so that my gallery will scroll automatically. I would like to be able to use a carousel instead of a slide show. Even though the script does enable the images to scroll automatically, the images are flush up against each other. Is there an additional line or two that I can add to get some padding between images?

Quote

<script>
   Y.on('domready', function () {
       var galleries = Y.Squarespace.GalleryManager.getGalleries();
       for( i = 0; i<galleries.length; i++){
           galleries.setAttrs({"autoplay":true})
       }
   });
</script>

 

Share this post


Link to post

Padding for small thumbnails or?


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
Posted (edited)

I'm trying to set the gallery up as a carousel. The thumbnail images only apply to a slide show, I believe. When I put the gallery into a carousel, they are flush up against each other. It's not an issue in the slide show, because I only get one image at a time in the view. See what I am getting in the attachment. I want those to scroll, but I also want at least 10px between them. Thanks!

Screen Shot 2020-03-07 at 5.09.42 PM.png

Edited by scipioni_central
clarity

Share this post


Link to post

here different your screenshot

image.thumb.png.30dce29f6d0cea0a6b675b9ece560ee6.png


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Yes, that is what I am using now because I can't figure out how to get the padding on the carousel and it looks really bad. The screenshot I posted was the way it looks when I try to use a carousel. I am using a slide show because i can't get the carousel to behave the way I want it to. 

Can you provide the code for the padding? As I said, I have added code for the autoscroll, but now I need it for the padding. This is what I have right now:

 

<script>
   Y.on('domready', function () {
       var galleries = Y.Squarespace.GalleryManager.getGalleries();
       for( i = 0; i<galleries.length; i++){
           galleries[i].setAttrs({"autoplay":true})
       }
   });
</script>

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...