Album

Album is a browser extension that detects the images on the current page and shows them in a list that can be exported in three different formats:

A simple list of absolute URLs pointing at the images.
An HTML snippet with img tags forming a mosaic. Images can also export their original links.
An HTML snippet that creates a carousel powered by Galleria.io.

In all cases, the data is copied into the clipboard and can be inserted into any text editor by pressing Ctrl+V. Mosaic and carousel snippets can be inserted into documents, blog posts, virtual learning environments or any other application based on HTML content. Before pasting the code into a rich-text editor, be sure to set it in plain text mode (usually represented by a button with the symbols <> or html).

This is a free software project. You can contribute to improving this browser extension by reporting issues, translating it into other languages or sending pull requests. Thanks in advance!

Album is currently implemented and tested for Chrome/Chromium, Edge and Firefox. It is currently published on the Chrome Web Store, Firefox Add-ons and Edge Add-ons..

Special thanks to the excellent work done by Galleria.io, the open source engine beneath the image carousel. In addition to the basic free theme used by Album, they provide also with other nice and featured themes at cheap prices.

Note that Album does not copy images nor any type of files: it just deals with URLs pointing at remote resources. Issues with the images (slow loading, File not found errors…) are often related to problems with the origin of the images.

Note for Google Photos users

Due to changes in the way Google Photos works, the extension is not able to open some images when activated directly within the application. To solve this you must follow the following steps: 1) Create a Google Photos album, name it, and add photos to it. 2) Create a link to share the album using the “Share” button on the top right. 3) Copy this public link and open it in a new tab or an incognito Chrome window. 4) In this new tab or window, use the extension as normal.

Open source development

This project was developed in HTML5, CSS and JavaScript. It makes use of three open-source libraries:

JQuery by The JQuery Foundation
Material Design Lite by Google

In browsers that don’t currently support the <dialog> HTML element (like Firefox), this polyfill is also used:

dialog-polyfill by The Chromium Authors

All these components can be obtained with npm:

$ npm ci

Components will then be placed into /node_modules and referenced by symbolic links from /chrome/lib and /firefox/lib.

For more information on how to develop browser extensions, refer to: