galNum & galFly

Bookmarklets for creating image galleries on the fly

galNum Bookmarklet

galNum To “install” this bookmarklet, just drag the big link above to your Bookmarks Toolbar. VoilĂ !

There are a lot of images on the internet that follow a numeric progression. If there's an autumn-wallpaper-001.jpg there probably is an autumn-wallpaper-002.jpg and even more.

With galNum you can easily create a gallery of images that follow a numeric progression pattern.

  1. 1

    First, “install” the bookmarklet above. Now, when you serendipitously find an image that you think is part of a set, click on the galNum bookmarklet

    galNum step 1
  2. 2

    Now you'll be presented with the URL with its numbers highlighted. In this case we think the progression happens at the 001 part, so we click it!

    galNum step 2
  3. 3

    We can select where to start from (by default this is filled with the same number we clicked) and we can select how many images at a time we want to see (by default 25)

    The default settings are generally fine, but we can change them if we want. Now click on go!

    galNum step 3
  4. 4

    The gallery is generated! We see 25 images and we can click on load more at the bottom to see more. Eventually there will be no more images, but the script will still try to generate them. It's our human job to just quit it and do something else :)

    Refer to Common Features to know more about navigation and zooming.

    galNum step 4

galFly Bookmarklet

galFly To “install” this bookmarklet, just drag the big link above to your Bookmarks Toolbar. VoilĂ !

In some cases you just find a lot of links that point to images! No number progression to analyze, just the raw links there for us to partake. Classically you would have to open these links in new tabs one by one, but with galFly we can just create a gallery right where we are!

  1. 1

    First, “install” the bookmarklet above. Now, when you serendipitously find an index or page with lots of links to images, click on galFly

    galFly step 1
  2. 2

    That's it! The gallery generates showing us 25 images at a time (in this case this setting is not modifiable, unless you change the code)

    You can use galFly in any site that has links that point to images to get a gallery instantly.

    Refer to Common Features to know more about navigation and zooming.

    galFly step 2

Common features

Common features for galNum & galFly
  1. 1

    Move from image to image using the controls at the bottom left, or you can also use j and k

  2. 2

    Zoom the current image with the magnifying glass, or by clicking on the image, or by pressing l

  3. 3

    When you've scrolled to the end, you can load more images. In the case of galNum, this is infinite and you have to apply judgment sparingly. In the case of galFly you will find a point where instead of Load more you'll find a reddish block. That means there's nothing more to see here :)

  4. 4

    Click on the lightbulb to change the background color (white, grey or black)

The code

All the code for these bookmarklets is open source and you can check it on Github

If you are interested in modifying the code in any way, there is a handy build script for that. Check the readme file for more info on that.

Keep in mind that when you use a bookmarklet, you are willingly executing javascript code on your browser. Check the code to make sure everything is legit and ask your doctor in case of palpitations or insomnia.

Done with a lotta love ♥ by DrummerHead, you can find me on Twitter