Jump to content

Automatic transition gallery in Wells template

Recommended Posts

is there a way to get a Gallery page in Wells to automatically transition between images?

 

I can get it to work if I use a gallery block slideshow, but I like how the Gallery Page fills out the whole screen. However I just get arrows to click between slides, and can't figure out how to make it change to the next picture automatically.

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi @patstant

Paste this into Code Injection or Per-page Code Injection.
Learn how: https://support.squarespace.com/hc/en-us/articles/205815908

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 <script>
   $(document).ready(function(){
     window.setInterval(function(){
     $(".overlay-controls.right-control").click();
     }, 2500);
   });
 </script>

(2500 = 2.5 seconds)

If you don't want the left/right arrows use this CSS:

.collection-type-gallery .overlay-controls.left-control {
         cursor: auto;
}
.collection-type-gallery .overlay-controls.right-control {
         cursor: auto;
}

I hope this was helpful to you.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.