Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hi tuaphan, that is exactly what I need. I presume there is not a free way around this?
  2. 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!
  3. Site URL: https://www.orcasoundproject.com/ Hello, I have set up a shop with three products called 'Ocean Jewellery'. When clicking on each product there are two variants: material and colour. Is there any way that when selecting these the correct image appears on the big image gallery? Atm the image and variants match in the shopping basket but not in the online shop when browsing. Thanks!
  4. 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
  5. Site URL: https://www.orcasoundproject.com/ Hello, I have created an animated counter with the help of a code injection at the bottom of the landing page. However it starts the counter when loading the page instead of when you scroll to the section defeating the point of the animation as you never get to see it. Is there any code to make start the animation only when you scroll to the desired section? Here is the code I've used for the animation: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { // Animate the element's value from 0% to 110%: jQuery({someValue: 0}).animate({someValue: 5}, { duration: 2000, easing:'swing', // can be anything step: function() { // called on every step // Update the element's text with rounded-up value: $('#block-yui_3_17_2_1_1601088407765_22146 h2').text(Math.ceil(this.someValue) + ""); } }); }); </script> Thanks!
  6. Site URL: https://www.orcasoundproject.com/ Hello, How can I add parallax scrolling on Squarespace 7.1 on specific images? I have tried different codes but none of them seem to be working or they have minimal impact, you can barely notice it. I would like to have the effect of totally scrolling through it like in this example on the header image: https://www.recyclerebuild.org/spotlight Thanks!
  7. It works thanks, the only thing is that by the time you have scrolled down it already has counted it up. Any chance there is a code to make it wait till you scroll to the section? Thanks so much!!!
  8. Site URL: https://www.orcasoundproject.com/ Hello, I would like to hide 'clean-ups' and 'project's in the 'action' folder so they would still work as pages (there are two buttons directing to these in the 'action' page) but not have to appear in the nav bar, so that I could save it to be in a folder and just have an action button. Thanks!
  9. Hello, Thanks for the above. I have tried it but has resulted to be unsuccessful sadly. Not sure how to apply it to the end of the home page where the numbers are I think, would you mind to help me please? Cheers!
  10. Site URL: https://www.orcasoundproject.com/ Hello, On my website at the bottom of the home page I have some numbers that I would like to animate to go from 0 to the number that is already stated there. I have seen it before in some websites. Is there an easy and free way to do this? Thanks!
  11. It has worked! Thanks a lot. How do I add a colour background before the video? I have chosen a dark colour on the settings panel on the header section, however it keeps showing a white background before the video starts playing or the fallback image appears.
  12. Heya, I have tried to put the code in CSS and in the advanced-code injection-footer and it is not working. Do I need to put it in a different place? Thanks!
  13. Site URL: https://www.orcasoundproject.com/ Hello, I have been trying all the coding I could find around but none seems to be working for me. The fall back image keeps appearing at the beginning of the video on desktop version and I would like for the video to play on its own. This is the website: www.orcasoundproject.com Thanks
  • Create New...