Jump to content

[solved] How to make home slider fade?


spring00

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)
Link to comment
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
});

Link to comment
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
Link to comment
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
×
×
  • Create New...