Menu icon Foundation
Orbit Slider not Transitioning Smoothly

I have put an orbit slider on a website I am working on (http://gold9design.com/cagsellshomes) and the transition between slides is really jerky. Additionally, white space appears to the left of each photo during transitions. Ideally I would like to change the transition animation to 'fade', which I have already done in foundation.orbit.js with no luck. Any help would be greatly appreciated.

I have put an orbit slider on a website I am working on (http://gold9design.com/cagsellshomes) and the transition between slides is really jerky. Additionally, white space appears to the left of each photo during transitions. Ideally I would like to change the transition animation to 'fade', which I have already done in foundation.orbit.js with no luck. Any help would be greatly appreciated.

Orbitslider

I have put an orbit slider on a website I am working on (http://gold9design.com/cagsellshomes) and the transition between slides is really jerky. Additionally, white space appears to the left of each photo during transitions. Ideally I would like to change the transition animation to 'fade', which I have already done in foundation.orbit.js with no luck. Any help would be greatly appreciated.

I have put an orbit slider on a website I am working on (http://gold9design.com/cagsellshomes) and the transition between slides is really jerky. Additionally, white space appears to the left of each photo during transitions. Ideally I would like to change the transition animation to 'fade', which I have already done in foundation.orbit.js with no luck. Any help would be greatly appreciated.

dahntheman almost 6 years ago

the white space is fixed by changing

.orbit-container .orbit-slides-container img {
max-width: 100%;
}

to

.orbit-container .orbit-slides-container img {
width: 100%;
}

but not sure if this is recommended.

Still cant fix the glitchy transitions thought - if you find out please let me know