Community Central

September comes to a close with This Month at Fandom, including cool data trends, Editors of the Month, and a summary of important updates you may have missed.

READ MORE

Community Central
Advertisement
Community Central

The image lightbox that appears when clicking on an image

The image lightbox is a box that appears when you click on an image, allowing you to see the image in greater detail.

Features

User details

The top bar contains details of who uploaded a file and which articles it is used in.

Full size

The "see full size image" option opens the image directly in your browser, displaying the basic image without any Fandom options or features. Note: this option does not appear when viewing videos.

More info

The "more info" option takes you to the file description page, where you can view more information about the file, including its description, file history and more.

Sharing

The share menu

The "share" option makes it easy to share the image you are viewing. It provides the standard link box, where the link can be copied and shared into social media such as Facebook and Twitter. It also displays a link to the file description page, and a method of emailing the image to a friend.

Pinning the top and bottom bars

Viewing an image with the top and bottom bars being "pinned"

A padlock icon at the bottom right corner of the image lightbox allows you to 'pin' the top and bottom info bars. Once clicked, it will prevent the bars from hiding after a few seconds of inactivity.

Bottom carousel

The bottom carousel

The bottom carousel contains more images and videos, which can be viewed by clicking one of the images at the bottom of the image lightbox. You can also navigate through the carousel by clicking the arrows on either side of the main image.

Linking to a lightbox on a page

It's possible to link directly to a page's image, presenting it with the lightbox already open. To do this, find the desired image in the page, and click it to open the lightbox - this makes the URL change on your browser, appending ?file= and the image name to it. By using this link, the page opens, and the lightbox opens shortly after.

As an example, this would be the lightbox link for the first image included in this help page: https://community.fandom.com/wiki/Help:Image_lightbox?file=Image_Lightbox.png

Bypassing the image lightbox

To bypass the image lightbox, hold "Ctrl" (if you're on Windows) or "Command" (if you're on Mac), then left click an article image. Doing so will open the image in full size in a new tab.

Hotkeys

There are three hotkeys:

  • The arrow key leads to the next image
  • The arrow key leads to the previous image.
  • The Esc key closes the modal. (Please use the X)

Further help and feedback

Advertisement