ok… here it is… It’s actually a rather simple fix. I’m ashamed to say.
Doing it this way… you don’t have to class the IMAGE WIDGET, the SLIDE, or the MASK.
You only need to class the SLIDER element.
The IMAGE WIDGET seems to automatically COVER the parent elements FULL HEIGHT and FULL WIDTH…
So… simply class the SLIDER itself and set the HEIGHT to 100%.
Like I said… easy.
I’ve been fighting this SLIDER for 2 months and getting my (Y#F(USTT##)&!R#* kicked.
If you don’t know what (Y#F(USTT##)&!R#* k means…
- it’s French. I think every language has an equivalent translation.
On really wide screens… the output is a really tall element though.
I tested this on a 1920 and a 2560 monitors. Lots of scrolling involved.
It also pushes the IMAGE SELECTOR buttons way down the page…
but this is what I would rather see.
Video of Original Issue: http://quick.as/vkXxTvGl
Video with Fix: http://quick.as/vkXxTvGl