Hi!

We're in the process of re-building a site for a client, in Nebula, and we want to use ZenTools with a simple image slideshow using the "Fade" transition.

We've created a ZenTools module in the banner position pointed the Image Source Settings to the right location and set the Slideshow transition to the Fade option.

By slowing down the transition speed I was able to see that the existing images actually fades out, but the new image still bounces in.

Is there anyway to stop the bounce?

Cheers

Craig

Hi Craig,

Yes, you can stop the bounce effect by comment/removing these lines in file /js/template.js

jQuery('#banner .zentext').addClass('animated bounceInLeft');
jQuery('#banner .zenitem2 .zentext,#banner .zenitem4 .zentext,#banner .zenitem6 .zentext').addClass('animated bounceInUp').removeClass('bounceInLeft');
jQuery('#banner .zenimage').addClass('animated bounceInUp');
jQuery('#banner .zenmore').addClass('animated fadeInDown');
jQuery('#banner .zenitem2 .zenimage,#banner .zenitem4 .zenimage,#banner .zenitem6 .zenimage').addClass('animated bounceInRight');

Regards,

Many thanks — it works.

I'm just getting used to the JoomlaBamboo way

Have a great weekend.

Craig

Glad it works for you.

Regards,

I would like to get rid of the bounce but still like the way the text comes and images come in from different directions and alternate, how do I get rid of bounce but maintain this effect?

Should be a case of commenting out the bits that don't include the text divs

along the lines of

jQuery('#banner .zentext').addClass('animated bounceInLeft');
// jQuery('#banner .zenitem2 .zentext,#banner .zenitem4 .zentext,#banner .zenitem6 .zentext').addClass('animated bounceInUp').removeClass('bounceInLeft');
// jQuery('#banner .zenimage').addClass('animated bounceInUp');
jQuery('#banner .zenmore').addClass('animated fadeInDown');
// jQuery('#banner .zenitem2 .zenimage,#banner .zenitem4 .zenimage,#banner .zenitem6 .zenimage').addClass('animated bounceInRight');