Show partly one layer and partly another layer in OpenLayers?

I need to show let's say on half page the topmost layer, and on the other half the layer below. Being able to change how much is visible of each layer would be great if easily possible (by dragging the border between them for example).

Right now I have no other idea besides implementing something clunky with frames and two separate maps. Any better ideas?

Solution

Watch this control written by Cédric Moullet presented in DEV list in this post: http://osgeo-org.1560.x6.nabble.com/OpenLayers-Control-Swipe-td5032741.html

Any difference between await Promise.all() and multiple await?
do <something> N times (declarative syntax)
Current time formatting with Javascript
Delete related records using pre middleware in mongoose
Redirecting mobile users according to their OS
Organise imports for all files in project
How do you add non-text parts to a multiturn chat with Gemini / Vertex AI?
How to test if a RegExp contains capturing groups in its definition?
How to pass my createReadStream of an image file into a HTTP Post Request Body?
JSON from api to html
Scan QR Code value into an input field after successful scan
Trigger a re-render when window.location.search changes
How to use getComputedStyle with DOMParser produced document (no defaultView or window objects)?
run javascript function on griview pageindexchanging event
Returning a Promise from "describe" is not supported. Tests must be defined synchronously
vue 3 both helper and comosable functions return "is not a function"
How to capture DOM animations as lossless 60fps video with code only approach
Listen on multiple input tags and concatenate inputs to a single output field without need to click a button
How to use a custom font in react native with nativewind?
React.js passing one components variables to another component and vice-versa
Reversing words in a string using JavaScript
This type parameter might need an `extends` constraint in typescript
How to make text bold with sweetalert in 2018?
React Audio Player Change current time of Audio
Mocking a useragent in javascript?
How can I see the event that is attached to an html element?
Is there a way to find the event handlers of an element with Javascript?
How to find event listeners on a DOM node using JavaScript
Get all events handlers attached to an element
Changing the color of a <select> depending on its value - CSS only(?)