Click the next slide thumbnail to hard-swap the main slide and jump the red selection outline
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A dark slide editor: thumbnail rail on the left with slide 4 outlined in red, the main canvas showing slide 4 (a line chart titled 'Short videos lead'), and a presenter PiP top-right. The pointer travels down onto thumbnail 5 during local frames 0 to 14 and clicks at ~21 (master 1709). On the next frame the main canvas shows slide 5 (a horizontal bar chart, 'Sizzle leads engagement') and the red outline sits on thumbnail 5. No transition; the new slide holds to the end.
Selection-driven hard swap: a click on a list item replaces the detail view in one frame and the selection indicator steps to the item, with no crossfade or motion.
Phase notes
- Frame 0 — Slide 4 shown, pointer approaching thumbnail 5
- Frame 21 — Click on thumbnail 5
- Frame 22 — Main slide and red outline swap
- Frame 40 — Hold
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
Recorded limits
- Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.