Skip to content

[RESEARCH] Replace LargeImg component with Starlight Image Zoom #37

@melissahenderson

Description

@melissahenderson

Currently, we use the in-house LargeImg component to wrap around images that we want to open in a new tab for better visibility (the component adds a "View Full Image" link).

Using the Starlight Image Zoom plugin might be a better alternative.

Each page would need to have import { Image } from 'astro:assets' and then import image_name from '../../assets/demo/[image_name].png' for each image. By default, all images in the documentation are zoomable, with a few exceptions that don't really pertain to us.

If there's a page with images that we don't want to enable the zoom functionality on, I believe we would just refrain from importing { Image }.

If there's a page with some images we don't want to zoom, will there be errors if we exclude them from import but still wrap them in an <Image> tag? The plugin doc states to use the data-zoom-off attribute to exclude images, but that seems excessive.

Will style='max-width: px' still work where we need it?

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions