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.24.95.16268.C3.27
0b87256226a3557db9f69abfe0421267
m2dwcf573evinsrp