• Registered: 2022-02-21
  • Posts: 4

Topic: create multiple gallery LINKS on page, like demo

Hello-using Pro plugin in Lightroom Classic 11.2 on Mac M1 Max Monterey 12.1. 
created a simple 22 image, 2 page gallery to test out feature set.  exported from Lightroom to folder on desktop.
no modification to folder or file structure as setup by export.

DID search , without success for this one!
Wanting to implement something like the Multiple Gallery demo page shown on the Jukebox website.  actually copied the code from that page and typed it into my test gallery index.html page ( that was empty).  Did not think it would work.  Expectations were correct-it did not.  Seems there is just a need to establish a header and a footer section on the page that can float across the site.  May need as many as 10 links in that header or foot section.
Does not appear Jukebox, in the default setting I have available in Lightroom Classic, allows this to happen directly.  Assuming the desktop version would have similar limitations.
How does one create that type of setup?
thank you
Scott

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

Re: create multiple gallery LINKS on page, like demo

With JuiceboxBuilder-Pro and the Juicvebox-Pro plugin for Lightroom, you are able to create as many individual galleries as you like. However, as you are aware, there is no automated method for linking galleries together.

If you are having trouble trying to replicate the online demo, then maybe the single-page solution that I created for this forum post will help.

Otherwise, if you have a need for a more complex and feature-rich solution, you might like to look into another of our products: Showkase.

Showkase is a PHP web application (installed on your web server rather than your computer) which allows you to create a complete portfolio web site (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder or the Lightroom plugin and then imported via Showkase's 'Site -> Import' functionality).

You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image with the gallery title displayed below and the gallery is opened when the user clicks on the image (just like your current website).
Demo Sites created with Showkase can be found here and a sample Gallery Index Page can be found here.

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.
You can take a look around the Showkase interface by logging into the Live Demo Admin.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite, the free version) or Showkase-Pro (which comes with Juicebox-Pro) from the Download Page.
The only difference between Showkase-Standard and Showkase-Pro is the bundled viewer (Juicebox-Lite vs Juicebox-Pro).
As you already have Juicebox-Pro, you could purchase Showkase-Standard (if you wanted to) and integrate your Juicebox-Pro files by following the 'Installing Juicebox-Pro' instructions here.

actually copied the code from that page and typed it into my test gallery index.html page ( that was empty).

If you want to persevere with the online demo, then rather than try to insert the demo code into your gallery's web page, it would be better to do it the other way around; use the demo page as a template and modify it as required. (The gallery's 'index.html' page is essentially just a plain web page with the gallery's embedding code and nothing else, so it would be better to use the demo page (rather than the gallery's 'index.html' page) as a starting point.)

If you get stuck, just upload your dysfunctional gallery online, post a link and I'll see if I can figure out why it's not working.

Having said all that, I hope that the single-page solution from my forum post (here) is a suitable solution for what you are looking to do.

  • Registered: 2022-02-21
  • Posts: 4

Re: create multiple gallery LINKS on page, like demo

thank you Steven.  I tried the test for showkase and everything passed  except the php version.  My host's version is 4.4.9 unfortunately.  Until I can sort that out with them, does not look like showkase will be a good solution.
Tried taking the js script version of mx galleries and playing with it a bit, but to no avail at this point.  still just returns the code of the page, not any galleries. I am sure there is something simple I am not seeing ( did point to the correct path for jbcore) but not sure yet what that simple thing is.  NOT sure how it points to path for the gallery actually...

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

Re: create multiple gallery LINKS on page, like demo

NOT sure how it points to path for the gallery actually...

If you use the regular embedding code generated by JuiceboxBuilder or the Juicebox Plugin for Lightroom, then Juicebox assumes that the gallery's configuration file will be named 'config.xml' and will be located in the same directory as the web page containing the embedding code.

You could, if you wanted to, rename or move your gallery's configuration file and then point towards it in the embedding code using the configUrl option, e.g.:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "#222222",
        configUrl: "folder/custom.xml"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Alternatively, you could rename or move your entire gallery folder and point towards it in the embedding code using the baseUrl option, e.g.:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    new juicebox({
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "100%",
        backgroundColor: "#222222",
        baseUrl: "folder/gallery_folder/"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

The configUrl and baseUrl paths can be relative (to the web page containing the embedding code) or absolute (starting with http:// or https://).

The configUrl and baseUrl options are listed in the Embed Options section of the Config Options page.

Instructions for using a baseUrl can be found here: Using an External Gallery Folder.