Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design Cool carousel effect Reply To: Cool carousel effect

#275964
grimski
Participant

I started to try and create a basic version, not sure if I should create a new thread in the JS form though to develop that.

Anyways, here’s what I have: https://codepen.io/moy/pen/QVvMxo

I think it’d be good if the images faded in when they’re displayed on hover, maybe once they’ve loaded as they could be quite large (viewport width) but I’m not sure if that’s possible if I’m just changing the img src?

The image could be a CSS background image if that helped, I think that’s how the original example (https://www.ktm.com/gb) handle it in their carousel.

Also just noticed an odd visual glitch when hovering off the carousel completely where the text flickers. Looks like it’s to do with the opacity of the images within each panel (item) fading back in – any ideas?