Image Gallery Stack Parallax

Description

image gallery stack parallax effect on gallery grid (section)
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. Make sure you use Gallery Grid Simple

#1.2. Hover on top right of Gallery Grid > Click EDIT SECTION > at Gallery > Anchor Link > enter word: stack-parallax

#1.3. Hover on Page where you use Gallery Grid > Click Gear icon

#1.4. Click Advanced > Paste this code to right box

If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1

<!-- 07.26c11v6 Image Gallery Stack Parallax -->
<script>
    const StackParallaxOptions = {
        maxWidth: "700px",
        paddingX: 0
    };
</script>
<script src="https://code.beaverhero.com/gallerysgrid/0726c11v6gallerystackparrallax.js"></script>

#2. Customize

#2.1. To change width of Gallery, change line 04

maxWidth: "700px",

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can edit current page (page where you use Gallery Grid) > Add a Block

Choose Markdown

Add this code into Markdown

<script>
    const StackParallaxOptions = {
        maxWidth: "700px",
        paddingX: 0
    };
</script>
<script src="https://code.beaverhero.com/gallerysgrid/0726c11v6gallerystackparrallax.js"></script>