Jump to content

[solved] How to make home slider fade?


spring00
 Share

Recommended Posts

I am having problems editing the home slider module with 1.5.4.1 as I dont like the default animation which is moving the slides from right to left. I want to set the animation to fade. ( I'd also like to make it responsive but I think I'm being a bit too ambitious with that dream). Can anyone tell me how to edit the files to change the animation to fade please?

Edited by vekia (see edit history)

Share this post


Link to post
Share on other sites

go to the modules/homeslider/js/homeslider.js and add mode: 'fade'

to the:

$('#homeslider').bxSlider({
 infiniteLoop: homeslider_loop,
 hideControlOnEnd: true,
 pager: true,
 autoHover: true,
 auto: homeslider_loop,
 speed: homeslider_speed,
 pause: homeslider_pause,
 controls: false
});

Share this post


Link to post
Share on other sites

i tried to do this but this happened using this code:

 

$('#homeslider').bxSlider({

infiniteLoop: homeslider_loop,

hideControlOnEnd: true,

pager: true,

autoHover: true,

mode: 'fade',

auto: homeslider_loop,

speed: homeslider_speed,

pause: homeslider_pause,

controls: false

post-625572-0-67155900-1374494334_thumb.jpg

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More