From MozillaWiki
Jump to: navigation, search
Please use "Edit with form" above to edit this page.


Native Lightbox Gallery
Stage Feature Inbox
Status `
Release target `
Health OK
Status note `


Product manager `
Directly Responsible Individual `
Lead engineer `
Security lead `
Privacy lead `
Localization lead `
Accessibility lead `
QA lead `
UX lead `
Product marketing lead `
Operations lead `
Additional members `

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




Stage 2: Design

5. Functional specification


6. User experience design


Stage 3: Planning

7. Implementation plan


8. Reviews

Security review


Privacy review


Localization review




Quality Assurance review


Operations review


Stage 4: Development

9. Implementation


Stage 5: Release

10. Landing criteria


Feature details

Priority Unprioritized
Rank 999
Theme / Goal `
Roadmap `
Secondary roadmap `
Feature list `
Project `
Engineering team `

Team status notes

  status notes
Products ` `
Engineering ` `
Security ` `
Privacy ` `
Localization ` `
Accessibility ` `
Quality assurance ` `
User experience ` `
Product marketing ` `
Operations ` `