Gallery Masonry Autoscroll

Description

  • display 4 rows of gallery masonry and make the rest appear after an auto scroll every 5 seconds
  • view demo – password: abc
  • buy me a coffee

09.26c26v3 Gallery Masonry Autoscroll

#1. Install Code

#1.1. Hover on top right of Gallery Masonry > Click EDIT SECTION > at Gallery > Anchor Link > enter word: autoscroll

09.26c26v3 Gallery Masonry Autoscroll

#1.2. Next, hover on Page where you use Masonry > Click Gear icon > Click Advanced > Paste this code

<!-- 09.26c26v3 Gallery Masonry Autoscroll -->
<script>
window.masonryAutoscrollOptions = {
  selector: '#autoscroll .gallery-masonry',
  visibleRows: 4,
  rowsPerScroll: 2,
  interval: 3000
};
</script>
<script src="https://code.beaverhero.com/gallerysmasonry/0926c26v3masonryautoscroll.js"></script>

09.26c26v3 Gallery Masonry Autoscroll

#1.3. You can adjust number 3000 = 3 seconds

interval: 3000

#2. Customize

nothing now

Buy me a coffee