Skip to content

images

1 post with the tag “images”

Interactive Images with Starlight Image Zoom

Documentation often contains diagrams and screenshots that can be hard to read at standard size. starlight-image-zoom addresses this by adding zoom capabilities to your images.

  • Click to Zoom: Lightbox-style zooming for images.
  • Configurable: Adjust background opacity and buttons.
  • Zero Config: Works out of the box for most Markdown images.
Terminal window
npm install starlight-image-zoom

Then add it to your Starlight config:

import starlightImageZoom from 'starlight-image-zoom';
// ...
plugins: [
starlightImageZoom(),
],

Now, clicking on images in your content will open them in a zoomable view!