reveal.js-hotspot

Editor

← florianloyns.github.io

Image & markers

Load an image, then tap it to place a marker. Drag a marker to move it.

Drag an image here or click to choose

PNG, JPG, SVG · paste from clipboard too · stays on your device

Selected marker

No marker yet.

    Settings

    Generated code

    Paste into your slide — the reveal.js-hotspot plugin does the rest.

    <!-- Load an image and place markers -->
    copied ✓

    How it works

    1. Put an unlabelled image in your media/ folder.
    2. Load it here, place markers, type name & explanation.
    3. Set the image path to the real filename.
    4. Copy the code, paste it into your slide – plugin on, done.