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.26
3465edbaa8735e9d7cbe94be1a780a4c
ts8diexwazn02bhy