A browser plugin that builds a list with the images present on the current page and exports it as text, mosaic or carousel
HTML JavaScript CSS Shell
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
chrome
docs
firefox
misc
.gitignore
CHANGELOG.md
LICENSE
README.md
build.sh
package.json
yarn.lock

README.md

Album

http://projectestac.github.io/album

Available in the Chrome Web Store Available in Firefox Add-Ons

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, Opera and Firefox. It is currently published on the Chrome Web Store and on the Firefox Add-ons library.

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.

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

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

All these components can be obtained with Yarn. To download its latest releases install Yarn on your system and launch yarn from the project's root folder. 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 build Chrome & Chromium extensions, refer to Chrome Developers' site.

For more information on how to build web extensions for Firefox and other browsers, refer to the WebExtensions page on MDN.