PDA

View Full Version : Step Carousel: Rollover next & previous button effect possible?



MrBond
10-04-2011, 09:37 PM
1) Script Title: Step Carousel

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

3) Describe problem:

Hello

I have a client that loves the step carousel but they want the next and previous buttons to change colour on rollover.

Is this possible?

Any help would be appreciated.

Many thanks.

ddadmin
10-05-2011, 06:01 AM
Try the below modified .js file. It lets you define two additional images inside the initialization code that if defined, causes the script to apply them to the rollover state of the left and right nav images, respectively:


stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['left.gif', -5, 80], rightnav: ['right.gif', -20, 80]},
rolloverbuttons:['leftover.gif', 'rightover.gif'],
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})

MrBond
10-05-2011, 06:48 AM
Thank you!

I really appreciate your help - that worked a dream :)