Documentation
parallaximage
[parallaximage, name]
Display an image from the images/parallax folder as a background parallax scrolling image (the image scrolls slower than the foreground giving the effect of depth).
Parameters
name - image name
See Also
[parallaxsection]imagesChanges
1.48 - creating multiple event handlers
1.45 - jerky scrolling after multiple page loads
1.23.12 - page change not initialising scroll position
Examples
Example#1 parallaximage between 2 colorsections
[colorsection][heading,section 1][colorsectionend]
[parallaximage,image2.jpg]
[colorsection][heading,section 2][colorsectionend]
Output:
Notes
defaults to the images/parallax folder unless another images folder is specified in the name ie. various/image.jpg
to override the size of the parallax images add this to content/classes
.ParallaxContainer {
height: 40vh;
}
.ParallaxImage {
height: 80vh;
}
This website uses cookies. If you remain on this site without changing the cookies settings of your browser, you agree to our cookies being used.
Accept
More Information
Loading…
Version 5.25.95.16368.C3.28
d0884f0ada58e0cb0cee3d591e0149f9
w9xog3e0hi4f7m2j