Can I add this jQuery script in a 'Row' as background animation?

[jordyhol]

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

[Mohammad – SUPPORT]

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

[jordyhol]

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.

[Mohammad – SUPPORT]

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

[jordyhol]

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

[Mohammad – SUPPORT]

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

[jordyhol]

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.

[Mohammad – SUPPORT]

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

[jordyhol]

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

[Mohammad – SUPPORT]

Hi,
I need your wordpress login.
Thanks
Mohammad

[jordyhol]

This reply has been marked as private.

[Mohammad – SUPPORT]

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

[jordyhol]

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

[Mohammad – SUPPORT]

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

[jordyhol]

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