MG 2.2 Media Gallery 2.2 - Lightbox navigation, attachment mirroring and more!

lightbox_5.pngXenForo Media Gallery (XFMG) 2.2 sees a range of new features and improvements. Some of these are a result of new integrations with XenForo 2.2 itself, while others are exclusive new features to XFMG itself.

Lightbox navigation​

Starting with XenForo 2.2 we are introducing a brand new lightbox which as well as being a much improved user experience also affords us some flexibility in how and where we use the lightbox.

One such use case which we couldn't resist treating you to for XFMG 2.2 is of course navigating through media items in the media gallery. Before we get into it, this is what the experience looks like.


lightbox_1.png lightbox_2.png lightbox_3.png lightbox_4.png lightbox_5.png lightbox_6.png


The lightbox as used in the media gallery supports all media types including media embeds, video and audio.

By default the lightbox opens up a very useful sidebar which displays most of the information and functionality that you get if you go to the full media page. If you prefer not to view that information then you can collapse the sidebar. Sections within the sidebar can be expanded and collapsed as required and we remember your preferences here so only the relevant sections are displayed.

The lightbox will initially only contain the items from the current page but, as you can see in the video, you can continue navigating beyond the page you're on and we will load additional items from the subsequent page dynamically.

If you need to view the full media details and access the full functionality you just need to click the "New window" icon in the lightbox toolbar or click the caption of the image.

You can navigate through any media list in this way be that the list of media in an album or category, all media in the New media page or the entire media gallery via the media index.

We think this is an awesome way to navigate through the media gallery but if you prefer to keep things as they are (we won't be offended!) then you can disable it:

localhost_22x_admin.php_options_groups_xfmg_.png

We should also take this opportunity to note that all of the lightbox functionality you see here is a general concept baked into the core lightbox itself so should any add-on developers which to add a similar navigation or sidebar concept to their existing lightbox implementations then this should be fairly trivial to do.

Attachment mirroring​

For a very long time you have been telling us that you would like to have a slightly closer relationship between attachments in threads and posts and the media gallery, and the new "Attachment mirroring" system in XFMG 2.2 aims to somewhat bridge that gap. It starts with a forum-level or media category-level configuration:

localhost_22x_admin.php_media-gallery_categories_nature.4_edit.png

While viewing a media category you can pick which forums attachments are mirrored from...

localhost_22x_admin.php_forums_travel-and-nature-forum.2_edit.png

... and while viewing a forum you can pick which media category attachments are mirrored to.

Once you have specified which media category your forum should mirror attachments to, any attachments which are added to posts in that forum will be automatically created as media items in the specified gallery.

As an example, here is a post containing an image I have attached inside the "Travel and nature" forum:

1595337617664.png

And here it is now displayed in the media gallery:

localhost_22x_media_navagio-jpg.134_ (2).png

As you can see here we make display a clear reference to the fact that the media item originated from a particular thread with the "Originally posted in: Thread 'Travel photos'" line. Thins links and takes you straight back to the post where the attachment was originally posted.

While viewing the thread, we also make clear that the attachment has been also posted over in the media gallery too. Of course images open up in the lightbox and when you do so, the media information opens up in the sidebar with an additional link that links back to the full media gallery view if needed:


But what about all of those existing threads with great images you might want to bring over to the media gallery? We've added a rebuild which will take care of that for you:

1595339325217.png

This allows you to have old items that were not yet mirrored synced into the media gallery, plus it will move or remove items from the media gallery as applicable if you disable mirroring or change the target category.


But wait... there's more!​

In addition to these great features we have also added (or in the process of adding) support for the following previously announced XF 2.2 features including:
 

Timmie

Active member
One other small issue that I've noticed is that the lightbox is not triggered when full-size images are uploaded that have a smaller width than the message area. So users are unable to like and comment on these individual images.

Is there a setting that can be changed to trigger the lightbox even when the images are smaller than the message area?
 

RobinHood

Well-known member
However, although this works great with the sidebar when using a large display, when you switch to a smaller display the sidebar is removed completely and it's now no longer possible to comment or like images.

Or the ability to toggle it to slide in from the side on mobile would be nice, like on XenGallery.
 

Timmie

Active member
Or the ability to toggle it to slide in from the side on mobile would be nice, like on XenGallery.
Nice idea! Although thinking about this a little more and a toggle switch would mean an extra click to open it and possibly another click to close it. If someone wants to browse through a series of images and like/comment on each one that's going to be a lot of extra clicks. If I knew a little more about CSS I guess it wouldn't be too difficult to shift the sidebar to the bottom for smaller displays.
 

Goodnightpanda

Active member
View attachment 230879XenForo Media Gallery (XFMG) 2.2 sees a range of new features and improvements. Some of these are a result of new integrations with XenForo 2.2 itself, while others are exclusive new features to XFMG itself.

Lightbox navigation​

Starting with XenForo 2.2 we are introducing a brand new lightbox which as well as being a much improved user experience also affords us some flexibility in how and where we use the lightbox.

One such use case which we couldn't resist treating you to for XFMG 2.2 is of course navigating through media items in the media gallery. Before we get into it, this is what the experience looks like.




The lightbox as used in the media gallery supports all media types including media embeds, video and audio.

By default the lightbox opens up a very useful sidebar which displays most of the information and functionality that you get if you go to the full media page. If you prefer not to view that information then you can collapse the sidebar. Sections within the sidebar can be expanded and collapsed as required and we remember your preferences here so only the relevant sections are displayed.

The lightbox will initially only contain the items from the current page but, as you can see in the video, you can continue navigating beyond the page you're on and we will load additional items from the subsequent page dynamically.

If you need to view the full media details and access the full functionality you just need to click the "New window" icon in the lightbox toolbar or click the caption of the image.

You can navigate through any media list in this way be that the list of media in an album or category, all media in the New media page or the entire media gallery via the media index.

We think this is an awesome way to navigate through the media gallery but if you prefer to keep things as they are (we won't be offended!) then you can disable it:


We should also take this opportunity to note that all of the lightbox functionality you see here is a general concept baked into the core lightbox itself so should any add-on developers which to add a similar navigation or sidebar concept to their existing lightbox implementations then this should be fairly trivial to do.

Attachment mirroring​

For a very long time you have been telling us that you would like to have a slightly closer relationship between attachments in threads and posts and the media gallery, and the new "Attachment mirroring" system in XFMG 2.2 aims to somewhat bridge that gap. It starts with a forum-level or media category-level configuration:

View attachment 230867
While viewing a media category you can pick which forums attachments are mirrored from...

View attachment 230868
... and while viewing a forum you can pick which media category attachments are mirrored to.

Once you have specified which media category your forum should mirror attachments to, any attachments which are added to posts in that forum will be automatically created as media items in the specified gallery.

As an example, here is a post containing an image I have attached inside the "Travel and nature" forum:

And here it is now displayed in the media gallery:

As you can see here we make display a clear reference to the fact that the media item originated from a particular thread with the "Originally posted in: Thread 'Travel photos'" line. Thins links and takes you straight back to the post where the attachment was originally posted.

While viewing the thread, we also make clear that the attachment has been also posted over in the media gallery too. Of course images open up in the lightbox and when you do so, the media information opens up in the sidebar with an additional link that links back to the full media gallery view if needed:


But what about all of those existing threads with great images you might want to bring over to the media gallery? We've added a rebuild which will take care of that for you:

This allows you to have old items that were not yet mirrored synced into the media gallery, plus it will move or remove items from the media gallery as applicable if you disable mirroring or change the target category.


But wait... there's more!​

In addition to these great features we have also added (or in the process of adding) support for the following previously announced XF 2.2 features including:
Is there mirroring for profile post attachments?
 

parafly9

Member
Regarding sync attachment media mirroring -
This allows you to have old items that were not yet mirrored synced into the media gallery, plus it will move or remove items from the media gallery as applicable if you disable mirroring or change the target category.

I'm not quite clear on what this means. I have a skiing trip reports node. In the node, I set it to sync attachments to a media gallery called "skiing images", which existed for years. This works just fine. There are also thousands of photos in this gallery that were manually uploaded (into what used to be photopost).

If I run this XFMG: Sync Attachment Media Mirroring, will it delete existing images in the album? I want to just push all the images that are attachments in the Skiing node to the gallery, without deleting anything that already exists in the album.

Maybe a simpler way to say this is - will images that were directly added to the album and weren't mirrored from attachment to begin with be deleted?
 

Chris D

XenForo developer
Staff member
Maybe a simpler way to say this is - will images that were directly added to the album and weren't mirrored from attachment to begin with be deleted?

The only time we remove anything from the gallery is if it originated from the mirroring feature in the first place. i.e. if you decided you didn't want to use the mirroring feature anymore in the future you could disable it and resync using the rebuild tool and only those added by the mirroring system would be removed or otherwise moved.

To be clear: no, the images you have manually uploaded will never be removed by the feature.
 

parafly9

Member
The only time we remove anything from the gallery is if it originated from the mirroring feature in the first place. i.e. if you decided you didn't want to use the mirroring feature anymore in the future you could disable it and resync using the rebuild tool and only those added by the mirroring system would be removed or otherwise moved.

To be clear: no, the images you have manually uploaded will never be removed by the feature.

Perfect thank you.
 
Top