Okay. So I am new to jquery and JS. I am having an issue with my website now. I wanted to put in a peel back effect(Google for "jQuery Peel Back" to see the one which I am using).
Now the problem is my website uses prettyPhoto slider and because of this, the peelback is conflicting with the slider on load hence resulting in disappearing of the entire slider and top navigation.
It loads all fine locally. But it doesn't work when I put it online.
Here's the script code below for the jQuery Peel-back effect.
And this is the function that loads the slider animation on load -
Here's what it was before I used the peel code and this is what it is after I put the peel code.
You can see the problem here - https://edenhost.com/index2.php
I really want to find a solution to this problem so that I can get the peel effect on the home page as well.
Now the problem is my website uses prettyPhoto slider and because of this, the peelback is conflicting with the slider on load hence resulting in disappearing of the entire slider and top navigation.
It loads all fine locally. But it doesn't work when I put it online.
Here's the script code below for the jQuery Peel-back effect.
Code:
<script src="/assets/jquery-1.5.2.min.js"></script>
<script src="jquery.peelback.js"></script>
<script>
$(document).ready(function() {
$('body').peelback({
adImage : 'images/peel-ad.png',
peelImage : 'assets/peel-image.png',
clickURL : '#',
smallSize: 50,
bigSize: 500,
gaTrack : true,
gaLabel : '#1 Stegosaurus',
autoAnimate: true
});
});
</script>
Code:
<body onload="load_animations()">
You can see the problem here - https://edenhost.com/index2.php
I really want to find a solution to this problem so that I can get the peel effect on the home page as well.