Here’s another double-Splider Source demo, based again on a great 1LD stack (this one ‘Fifty-Fifty Slider’). Here the two Spliders sit directly over the top of each other, which is made easier by the precision of CSS Grid in Source Grid Plus. Both Spliders have content on one side only — the top one has an empty window (full transparency) on the left half of each slide, allowing the image underneath to show through.
The bottom Splider is set to fade — slides don’t move, they fade into one another. The top Splider moves in the usual slider way, slides coming in from the right. Timing and transitions were an issue here: how to make it look like each new slide is sliding over the old one (so pushing the transition into a very slow start) but making sure the new image is there when the old text slide has passed. With a bit of experimentation, I think this is about right now.
[Stills from Alain Robbe-Grillet’s 1966 movie ‘Trans-Europ-Express’, with Marie-France Pisier and Jean-Louis Trintignant.]