MSlide² allows content experiences to temporarily expand beyond the slide itself.
Instead of creating additional navigation levels, supplementary experiences can be opened inside dedicated layers while preserving the current slide context.
Embedded experiences are commonly used for:
Modal behavior in MSlide² is provided by Reveal.js lightbox.
<!-- Button that opens an embedded experience -->
<button
data-preview-link="assets/modals/example.html">
Open Preview
</button>
The current slide remains active while the embedded content is displayed.
Embedded experiences can load internal HTML pages.
<!-- Opens a dedicated HTML experience -->
<button
data-preview-link="assets/modals/specification.html">
Open Specification
</button>
This pattern allows secondary content to remain separated from the primary slide structure.
Video playback can be isolated from the main slide.
<!-- Opens a video experience -->
<button
data-preview-link="assets/modals/video.html">
Watch Video
</button>
The video becomes a temporary experience layer rather than another slide.
External content can be displayed inside an embedded layer.
<!-- External page experience -->
<button
data-preview-link="assets/modals/iframe-page.html">
Open External Content
</button>
Forms may be isolated inside dedicated experience layers.
<!-- Opens a form experience -->
<button
data-preview-link="assets/modals/contact-form.html">
Open Form
</button>
A slide may contain multiple embedded experiences.
Slide
│
├── Primary Content
│
├── Video Experience
│
├── Gallery Experience
│
├── Form Experience
│
└── External Page Experience
Embedded experiences provide an alternative to creating additional slides.
Traditional Navigation:
Slide
│
└── Additional Slide
Embedded Experience:
Slide
│
└── Temporary Experience Layer
This approach keeps the navigation hierarchy compact while allowing rich supporting content.
