• Registered: 2017-12-19
  • Posts: 2

Topic: Bulk Direct Links

I can't see this anywhere and it's kind of the deciding factor to buy the pro version. Is there a way to produce a list of direct image links for a particular gallery?

Sometimes I like to share photos on forums and being able to create a bulk list of image links would be great.

  • Registered: 2012-04-24
  • Posts: 5,916

Re: Bulk Direct Links

When setting enableDirectLinks="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section), the unique links to individual images within a gallery are the gallery's URL with a # at the end, followed by a number (representing the image's position in the gallery).

For example, the direct link to the 7th image in a gallery might look something like this:
http://www.example.com/gallery/index.html#7

If you want to create a bulk list of direct links, you could copy and paste the gallery's URL into a plain text editor (as many times as there are images in your gallery) and just add #1, #2, #3, etc. to the end of the URLs.

Otherwise, you would write a script (in a programming language that you are familiar with) to do this for you.

Here is a quick example using JavaScript.
Just create a new HTML file from the code below (copy and paste it into a plain text editor and save the file with an .html file extension, e.g. "script.html") and open the file in a web browser.
Now enter your gallery's URL and the total number of images in your gallery into the input boxes and click the 'Submit' button.
A list of direct link URLs will be output to the browser window and you can then copy and paste the entire list to wherever you like.

The code is basic but functional. (It works fine but, for example, it does not catch user errors such as a non-numeric entry for the 'Image Total'.)

I hope this helps or at least points you in the right direction.

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Direct Link Generator Script</title>
    <meta charset="utf-8" />
</head>
<body>
    <script>
        function display() {
            var url = document.getElementById('url').value;
            var total = document.getElementById('total').value;
            for (var i = 1; i <= total; i++) {
                document.write(url + '#' + i + '<br />');
            }
            document.close();
        }
    </script>
    <form onsubmit="display(); return false;">
        <span>Gallery URL: </span><input type="text" id="url" size="50" value="http://www.example.com/gallery/index.html" /><br />
        <span>Image Total: </span><input type="text" id="total" value="50" /><br />
        <input type="submit" value="Submit">
    </form>
</body>
</html>
  • Registered: 2017-12-19
  • Posts: 2

Re: Bulk Direct Links

That's great thanks. I will give it a try!

  • Registered: 2012-04-24
  • Posts: 5,916

Re: Bulk Direct Links

You're welcome!
I hope you find it useful.