Jump to content

Archived

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

tjolin

Interactive Background Mouse Hover

Recommended Posts

tjolin

So I'm trying to get this working; http://www.onextrapixel.com/examples/interactive-background/index5.html

http://www.onextrapixel.com/2014/04/09/create-an-interactive-moving-backgroundobject-that-reacts-to-viewers-cursor/

Anyone has experience with pagelines and making that work? 
I put the code in javascript, linked the bg, but it's not working :( 

 

Share this post


Link to post
Share on other sites
Aires

Can you show the JS you used on the site.


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
tjolin

Sorry totally forgot about the topic! 

Following is the javascript:

<script>
jQuery(document).ready(function() { 

jQuery(".tp-bimgg").interactive_bg({
   strength: 25,
   scale: 1.05,
   animationSpeed: "100ms",
   contain: true,
   wrapContent: false
 });

 })
</script>

following is the source: http://www.onextrapixel.com/2014/04/09/create-an-interactive-moving-backgroundobject-that-reacts-to-viewers-cursor/

On 11/25/2015 at 8:17 PM, Aires said:

Can you show the JS you used on the site.

 

Share this post


Link to post
Share on other sites

×