Using 5.2.2 and a slightly modified theme based on the default. I am trying to add a parallax bg scrolling effect and although I have found what looks like a simple solution I cannot get it to work within my template.
Here is the source:
and here is example page:
http://pixelcog.github.io/parallax.js/
So I have downloaded and installed the js into my new theme /js folder and added this to layout.php:
and this at bottom of page:
<script type=“text/javascript”> $(document).ready(function (e) { if($(’.parallax-window’).length){ $(’.parallax-window’).parallax(); } }); </script>
So what needs to be done is to add this to my page:
div class=“parallax-window” data-parallax=“scroll” data-image-src=“image/background.jpg”
but wherever I put it, nothing happens. Any ideas?
It would be a great option to add this into the system!