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
d259682342794fe3a42b89f97a557f5c
265lw7s9fpgochin