Jump to content

Adding parallax effect on specific images and with full effect

Recommended Posts

  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

Hello,

Thanks for your help but the above seems not to be working, it says it has a syntax error for some reason.

The code injection I used for the parallax is the following:

<script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.4.1/dist/simpleParallax.min.js"></script>

<script>
var images = document.querySelectorAll('.section-background img');
new simpleParallax(images, {
scale: 1.2,
delay: 1,
});
</script>
<style>
.simpleParallax {
   height: 100%;
}
</style>

Thanks

 

Link to comment

Hi tuanphan, it is in code injection indeed. I just want the parallax to be more dramatic like in https://www.recyclerebuild.org/spotlight top banner. If you go to my website https://www.orcasoundproject.com/ you can barely feel the parallax and when the effect is increased in the code it just zooms in or has a weird delayed effect. 

I would like for the next section to go over completely of the image that is in the previous section 'behind'.

 

Thanks!

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.