ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Joyn
• December 9, 2015 at 12:53 am #234056
  jordyhol

  Member

  Post count: 7

  Dear Swift Ideas,

  First of all I want to say that I’m really impressed by this theme.. it has so many options to make an beautiful website as result.
  At the moment I’m working local on my own portfolio website. Im a graphic designer who is trying to make his website in a very creative way.

  With the ‘Multilayer Parallax’ element (the mouseover parallax) it’s so much fun to create an amazing full screen animation. It’s also possible to add an video in the background of the ‘Row’ from the element. In my opinion its only a bit a decrease of the usability from the site.. because it will be for some people a problem to handle the video (because the use of internet explorer, safari when using Webm).

  So I discovered the solution for that problem, by using an jQuery script animation to the background of the ‘Multilayer Parallax’.
  I found the perfect script, and my question is.. if you maybe can help me how I can install this script step by step.
  Here is a link to the script http://www.jqueryscript.net/animation/Customizable-Interactive-Particles-Animation-with-jQuery-jParticle.html .
  It would help me so much to make the perfect website with this amazing theme. It would be so nice..

  I hope the question is clear, I’m from the Netherlands.. so my English is not that good.

  Best Regards,

  Jordy Hol

  December 9, 2015 at 5:23 am #234066
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please upload jparticle.jquery.min.js only at your web directory first. Because we have already included jquery library in theme.

  Now include all code except <script src=”//code.jquery.com/jquery-2.1.4.min.js”></script> through Raw JS element of swift page builder.

  Thanks
  Mohammad

  December 9, 2015 at 11:18 am #234120
  jordyhol

  Member

  Post count: 7

  Hi,
  Thanks for the fast response!

  I’ve followed your steps, I’ve uploaded the jparticle.jquery.min.js file to the theme directory.. then I added the scripts from the index.html file in the ‘Raw JS’ element, unfortunately it doesn’t work..I only get two errors in the console..
  You have any idea what I’m doing wrong or is it even possible?

  Thanks,
  Jordy Hol

  Attachments:

  You must be logged in to view attached files.
  December 9, 2015 at 11:24 am #234124
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me code that was added by you at Raw JS element. I will inspect and try to resolve the issue.
  Thanks
  Mohammad

  December 9, 2015 at 11:32 am #234132
  jordyhol

  Member

  Post count: 7

  Hi,

  This is the script I add:

  <script src=”/js/jparticle.jquery.min.js”></script>
  <script>
  $(function(){
  $(“body”).jParticle({

  particlesNumber: 100,
  linkDist: 50,
  createLinkDist: 150,
  disableLinks: false,
  disableMouse: false,
  background: ‘black’,
  color: ‘white’,
  width: null,
  height: null,
  linksWidth: 1,
  particle: {
  color: “white”,
  minSize: 2,
  maxSize: 4,
  speed: 10,

  }
  });
  });
  </script>

  Thanks,
  Jordy Hol

  December 9, 2015 at 11:34 am #234136
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  1- Give the full absolute path for jparticle.jquery.min.js file.

  2- Replace $ with jQuery .

  Hope it should help to you.

  Thanks
  Mohammad

  December 9, 2015 at 11:55 am #234162
  jordyhol

  Member

  Post count: 7

  Hi,

  I still got the first error about the path.. and another error about using the jQuery.. this is the full script I’ve used now.

  <script src=”/wp-content/themes/hollographic/js/jparticle.jquery.min.js”></script>
  <script>
  jQuery(function(){
  jQuery(“body”).jParticle({

  particlesNumber: 100,
  linkDist: 50,
  createLinkDist: 150,
  disableLinks: false,
  disableMouse: false,
  background: ‘black’,
  color: ‘white’,
  width: null,
  height: null,
  linksWidth: 1,
  particle: {
  color: “white”,
  minSize: 2,
  maxSize: 4,
  speed: 10,

  }
  });
  });
  </script>

  Attachments:

  You must be logged in to view attached files.
  December 9, 2015 at 12:25 pm #234183
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me specific page url and login detail to check and resolve the issue.
  Thanks
  Mohammad

  December 9, 2015 at 12:37 pm #234194
  jordyhol

  Member

  Post count: 7

  Hi,
  This is the page url: http://hollographic.nl/13841-2/

  you want me to give you the login details of the wordpress login?

  thanks,
  Jordy

  December 9, 2015 at 12:44 pm #234197
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I need your wordpress login.
  Thanks
  Mohammad

  December 9, 2015 at 12:49 pm #234200
  jordyhol

  Member

  Post count: 7

  This reply has been marked as private.
  December 9, 2015 at 2:01 pm #234224
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Errors disappeared. Please check it now.
  Thanks
  Mohammad

  December 9, 2015 at 3:43 pm #234252
  jordyhol

  Member

  Post count: 7

  Hi Mohammad,

  Yes! thank you soo much for helping, great support from Swift Ideas! 🙂
  Now I can continue working on my site!

  One last question.. can you please edit my last name in every post?

  Best regards,
  Jordy

  December 9, 2015 at 5:47 pm #234295
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach marked screenshot and provide specific page url with issue.
  Thanks
  Mohammad

  December 9, 2015 at 6:10 pm #234300
  jordyhol

  Member

  Post count: 7

  Hi,

  Haha no I mean in this topic of SwiftIdeas, in the beginning I end all my comments with my full name..
  Can you please edit them with only my first name?
  Thanks 🙂

  Best Regards,

  Jordy

• Back to forum

  Posted in: Joyn