Lightbox

Status

Team

Open issues/risks

`

Stage 1: Definition

1. Feature overview

Now when the user selects "view image" on any image from any site, Firefox displays pictures at the center of the screen with a dark background. It would be useful if web developers could add a data-* attribute to some images so that Firefox could show the image that has been left-clicked on in the same fashion as the "view image" option. Maybe not exactly as the "view image" option but like a Lightbox effect with arrows for navigating through the images that have the data-* attribute. If the developer wants to display only thumbnails in the site and the full version of the images in the lightbox gallery then he would add tow data-* attributes: one the data-* attribute in every thumbnail so it is included in the gallery, and another data-* to add the url to the full version of the image. It would be convinient to offer a javascript API for this so that the developer could check for compatibility of this feature in the browser and use a custom lightbox if the feature is not available.

2. Users & use cases

A web developer wants to create a lightbox effect without a hassle and avoiding to add another js and css file to his site. So he adds the attribute data-* to all the thumbnails he wants to showcase and the effect is being taking care of natively by the browser.

3. Dependencies

`

4. Requirements

`

Non-goals

`

Stage 2: Design

5. Functional specification

`

6. User experience design

`

Stage 3: Planning

7. Implementation plan

`

8. Reviews

Security review

`

Privacy review

`

Localization review

`

Accessibility

`

Quality Assurance review

`

Operations review

`

Stage 4: Development

9. Implementation

`

Stage 5: Release

10. Landing criteria

`

Feature details

Team status notes