Just wanted to throw a question out there. As I’m aware IX 1.0 is slowly being filtered out, I am aiming to use only IX 2.0 on a current, new site project.
In the background of a page is a full-screen Slider, to which I am animating the slow scale of a div inside each slide.
In old sites, using IX 1.0, it was easy to create a scaling effect to the div inside a slide, that would grow (with linear easing) across, say, 8 seconds, and then a second action to reset it to its original size once the slider had changed to the next slide.
In IX 2.0, despite setting it up the same way, this is what I am seeing:
If I use Linear easing (across 8 seconds), and have the On Slider Out interaction start with 2 second delay then immediate scale to original size, DESPITE the slideshow settings playing the slide for 5 seconds, the linear easing STOPS at 5 seconds, which is very visible. As the slide time is 5 seconds and the scale is 8 seconds, there should be no stopping of anything until after the slide has been faded out into the next one.
If I use an easeOutQuad easing (not ideal, but it softens the problem), it STILL makes the scaling occur over 5 seconds and NOT the 8 seconds I have animated it for.
That is the main problem — it seems the Slider Settings are overriding the individual IX 2.0 scaling keyframes.
Has anyone else noticed this, and can anyone please help offer a solution? I don’t want to have to revert to IX 1.0 (and end up with yet another site mixed and matched with 1.0 and 2.0 IX), just for the simple scaling of sliders.
Just as a perfect example, I have recreated (far quick than in IX2.0 I must add…) the same 4-slide, scaling slideshow here using IX 1.0, and the scaling slides continue scaling underneath the fade between slides.
So what’s the difference here between IX1.0 and IX2.0 and why this is happening? Help would be warmly appreciated!
Thanks in advance!