Lightbox
Status
| Native Lightbox Gallery | |
| Stage | Feature Inbox |
| Status | ` |
| Release target | ` |
| Health | OK |
| Status note | ` |
Team
| 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
`
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
| 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 | ` | ` |
