Hi Guys,

I'm trying to disable the bounce and slide effects in the slideshow. My client wants the fade transitions that we have configured in the Zentools.

I've removed the code from the js/template.js file located in the template folder as per the instructions in the template documentation but the slideshow still uses the bounces and slides. Is there something else I'm suppose to do to disable these effects?

Link to site is: www.cfofm.org


Thanks

Don

Hi Don,

I tried this myself and it didn't work - after talking to Rob he explained the glitch

Can you paste the template.js file code after you removed the code as indicated by the doc into minified version

(I'd suggest making a copy of each file)

Cheers
Paul

Thanks Paul that fixed it.

You're welcome

Cheers
Paul

Hi Paul,
I have the same problem here: cosentini.com.s93212.gridserver.com/

I deleted the piece of code from template.js, din't work, I pasted it into the template.min.js and is not working either.

Any other suggestions?
Many thanks in advance.

Note: I have the slideshow set to Fade but it slides and bounces. If I set it to slide, it slides without the bounce.

What are you removing from the template.js file?

I've just re-tried this on a quickstart which uses fade and it works ok

Cheers
Paul

and I forgot to mention - there is an issue with the logo on the dev site just in case you were not aware of it

You can see it if you view in firefox compared to Chrome

Cheers

Hi Paul,
I saw this fix at Documentation/Extensions/How to remove the animations from the New Lifestyle slideshow. These are the lines I removed:

jQuery('#slideshowwrap div').removeClass('animated');
jQuery('#slideshowwrap .zentext,#slideshowwrap .zentitle').addClass('animated bounceInLeft');
jQuery('#slideshowwrap .zentitle').addClass('animated bounceInRight');
jQuery('#slideshowwrap .zenitem2 .zentext,#slideshowwrap.zenitem4 .zentext,#slideshowwrap .zenitem6 .zentext,#slideshowwrap .zenitem2 .zenmore,#slideshowwrap .zenitem4 .zenmore').addClass('animated bounceInUp').removeClass('bounceInLeft');
jQuery('#slideshowwrap .zenimage').addClass('animated bounceInUp');
jQuery('#slideshowwrap .zenmore').addClass('animated fadeInUp');
jQuery('#slideshowwrap .zenitem2 .zenimage,#slideshowwrap .zenitem4 .zenimage,#slideshowwrap .zenitem6 .zenimage').addClass('animated bounceInRight');


As always, thanks in advance.
Roberto

So you removed these lines and then pasted the remaining code into the other js file?

and then saved?

Cheers
Paul

No, I pasted the same lines in the template.min.js
Was that the wrong thing to do?

Thanks for noticing the logo in Firefox. I had to resize that, fixed, thanks.
R

You need to delete the lines from the template.js and then paste in the remaining code to the minified file

Cheers
Paul

No probs with the logo

Easily done that one - done it myself before now

Cheers
Paul

What remaining code?

You remove this

jQuery('#slideshowwrap div').removeClass('animated');
jQuery('#slideshowwrap .zentext,#slideshowwrap .zentitle').addClass('animated bounceInLeft');
jQuery('#slideshowwrap .zentitle').addClass('animated bounceInRight');
jQuery('#slideshowwrap .zenitem2 .zentext,#slideshowwrap.zenitem4 .zentext,#slideshowwrap .zenitem6 .zentext,#slideshowwrap .zenitem2 .zenmore,#slideshowwrap .zenitem4 .zenmore').addClass('animated bounceInUp').removeClass('bounceInLeft');
jQuery('#slideshowwrap .zenimage').addClass('animated bounceInUp');
jQuery('#slideshowwrap .zenmore').addClass('animated fadeInUp');
jQuery('#slideshowwrap .zenitem2 .zenimage,#slideshowwrap .zenitem4 .zenimage,#slideshowwrap .zenitem6 .zenimage').addClass('animated bounceInRight');

then paste the remaining code (e.g. without above) into the template minified version

Cheers

LOL! of course.
Sorry, I'm still sleep this morning... Pardon me if I'm being obtuse.
When I paste the remaining code into template.min.js, should this code replace what's already in the min file, or added at the bottom?

It should replace it

Cheers
Paul

Got it. Done. It works.
Thank you Paulus!

No problem

Cheers
Paul