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.26.97.16370.C3.32
7b1b200396e23ee62965928dff2ab5df
c1i2t9fw50h4ajpu