help with compatibility (easing)

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

help with compatibility (easing)

eveready
I don't know much about Jquery or javascript for that matter.  I apologize in advance for the noobieness of my question.

I have the easing plugin on a site, which make a logo come in from the side and 'bounce' into place.

<script type="text/javascript"> $(function(){ $('#newThread').css({left:'1200px'}) jQuery.easing.def = ‘easeOutBounce’; setTimeout(animate, 500); }); function animate() { $('#newThread').animate({left:0}, 2000); } </script>
I believe this code sets the default ease as 'easeOutBounce'.  My problem is this is affecting all my other jquery animations and they are all bouncing.

One example is the following:


<script type='text/javascript'> SmokeEffect.imgLocation = "URL"; SmokeEffect.smokeWidth = 80; SmokeEffect.smokeHeight = 45; SmokeEffect.makeEffect("smokeSpawnPoint", 216, 0); </script>
This creates the animation of a puff of smoke being released from a chimney.  Unfortunately, the smoke cloud 'bounces'.  

As I said, I don't know much about this stuff, but I've tried to add this...
$(element).slideUp(1000, method, callback});

and this...

$(element).slideUp({
        duration: 1000,
        easing: method,
        complete: callback});
to the second code (and the first), but I haven't been able to solve the problem.

Can someone please help me solve this and be very specific as to the steps I have to take.

Any help is greatly, greatly appreciated.
Reply | Threaded
Open this post in threaded view
|

Re: help with compatibility (easing)

eveready
Here's another example.  This fading effect is easing out with a bounce, which is making it look stupid.

<script type="text/javascript"> <!-- $(function () { // find the div.fade elements and hook the hover event $('div.fade').hover(function() { // on hovering over find the element we want to fade *up* var fade = $('> div.first', this); // if the element is currently being animated (to fadeOut)... if (fade.is(':animated')) { // ...stop the current animation, and fade it to 1 from current position fade.stop().fadeTo(250, 1); } else { fade.fadeIn(250); } }, function () { var fade = $('> div.first', this); if (fade.is(':animated')) { fade.stop().fadeTo(3000, 0); } else { fade.fadeOut(3000); } }); }); //--> </script> 
eveready wrote
I don't know much about Jquery or javascript for that matter.  I apologize in advance for the noobieness of my question.

I have the easing plugin on a site, which make a logo come in from the side and 'bounce' into place.

<script type="text/javascript"> $(function(){ $('#newThread').css({left:'1200px'}) jQuery.easing.def = ‘easeOutBounce’; setTimeout(animate, 500); }); function animate() { $('#newThread').animate({left:0}, 2000); } </script>
I believe this code sets the default ease as 'easeOutBounce'.  My problem is this is affecting all my other jquery animations and they are all bouncing.

One example is the following:


<script type='text/javascript'> SmokeEffect.imgLocation = "URL"; SmokeEffect.smokeWidth = 80; SmokeEffect.smokeHeight = 45; SmokeEffect.makeEffect("smokeSpawnPoint", 216, 0); </script>
This creates the animation of a puff of smoke being released from a chimney.  Unfortunately, the smoke cloud 'bounces'.  

As I said, I don't know much about this stuff, but I've tried to add this...
$(element).slideUp(1000, method, callback});

and this...

$(element).slideUp({
        duration: 1000,
        easing: method,
        complete: callback});
to the second code (and the first), but I haven't been able to solve the problem.

Can someone please help me solve this and be very specific as to the steps I have to take.

Any help is greatly, greatly appreciated.