Replies: 1 comment 5 replies
-
We can also use lightbox navigational header to inform user about current image navigation mode and provide an easy way to change this mode. Interface sample with added controls is shown below. A button with an icon and a short descriptive text is added. It shows the current viewing mode, it cycles through three possible settings on press. The options are "single post images", "all posts images" and "all images". This setting is stored on client and is persistent between lightbox sessions. If something other than "single post images" is selected, a second navigational counter appears that shows currently displayed image's position within the whole image collection (all posts' images or all images on page depending on the selection). This way user can perceive both the current position of an image within a single post and a range of all available images. This is optional, we can use single existing counter that would simply change to reflect selected image navigation mode, but I feel two counters could be more informative. |
Beta Was this translation helpful? Give feedback.
-
Summary
Let users navigate between attachments (mostly images) of different posts and comments without leaving lightbox.
Motivation
Lightbox lets users see groups of images attached single post or to single comment. It covers needs of users who use freefeed as a short-messages platform. This should be kept as it is.
It would be nice to support additional use-cases such as:
It is extremely important to make this solution mobile-first. All use-cases must work on mobile phones and tablets. On mobile, user interaction with lightbox is limited to horizontal swiping and on-screen buttons. Vertical-swiping is reserved as it is used for exiting from lightbox. So, the solution should be within this limits.
User-experience description
I suggest that we add a new "html"-based item to the last position of lightbox galleries, which splits image area with large buttons. This item can be swiped as usual and it will stay as part of the loop until one of the buttons is tapped.
The click on (1) results in item being removed from the loop. User will be able to swipe thru images of set without seeing it again (until she exits lightbox).
The click on (2), (3) or (4) results in the extension of lightbox's dataset:
In all of the cases current position is maintained, number on counter reflects the change. For example, was: 3/3, new 2/72 (it was a first post, html-item is removed) or 43/56 (it was 15-th post), etc.
Developer-oriented explanation
Implementation of this proposal requires dynamic backend of LightBox. Fortunately, PhotoSwipe v5 (currently in beta) provides good means for this.
Beta Was this translation helpful? Give feedback.
All reactions