Jump to content

Automatic transition gallery in Wells template

Recommended Posts

Posted

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.

  • Replies 1
  • Views 725
  • Created
  • Last Reply
Posted

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.

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.