You can disable the thumbnail paging text (e.g. "1 of 1") in Small Screen Mode by setting showSmallPagingText="FALSE" in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section.

I'm not sure how you have entered your Flickr titles and descriptions but you might need to set flickrShowDescription="TRUE" in JuiceboxBuilder-Pro's 'Customize -> Flickr' section.
(The default value for flickrShowTitle is TRUE but the default value for flickrShowDescription is FALSE.)

Using a PHP file to dynamically generate a gallery's XML configuration file is a tried and tested method which should work fine. In fact, WP-Juicebox (the dedicated Juicebox plugin for WordPress) uses this method to display all galleries created by the  plugin. It's also mentioned in this FAQ:
Can Juicebox handle a custom data source, for example RSS or Instagram?

When adding the configUrl entry to your gallery's embedding code, make sure that you separate all your embedding code parameters with commas, for example:

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

Also, please note that the configUrl value is a path to a file. It can be a relative path (relative to the web page containing the embedding code) or an absolute path. For example, if you use:

configUrl: "config.php",

... then your PHP script should be named "config.php" and located in the same directory as the web page containing the embedding code.

This is just the way that Juicebox works and it cannot be changed: the Open Image button redirects to the Flick page containing the image and the Download Button is disabled for Flickr galleries (as Flickr does not seem to like images hosted on their servers from being downloaded via PHP).
If you want to be able to open an image in a new tab or have the Download Button active (to allow users to download the images), then you'll need to host the images yourself.

Maybe you could give the PHP suggestion another try. It should work fine. If you run into any difficulties, just let me know and I'll try to help you further. (If possible, please provide the PHP code you are using and post the URL to your gallery's web page on your web server. Thank you.)

I would recommend just installing the Juicebox Lightroom Plugin afresh on your new computer.
For each licensed copy, you can install and use JuiceboxBuilder-Pro (and the Pro plugins) on up to 3 different computers, as noted in this FAQ:
Can I install on multiple computers?

If you still have your Juicebox-Pro zip file available, you can copy it to a USB flash drive and transfer it to your new computer.
If your zip file is not the current version (v1.5.1), then I would take this opportunity to download and install the latest version on your new computer.
If necessary, you can download Juicebox-Pro v1.5.1 using your original download link. Upgrades are free within the same version number and the download link always points towards the latest version rather than the version you purchased.
If you cannot find your original download link or if it has expired, then please let me know and I can send you a new one.

Once you transfer the Juicebox-Pro zip file to your new computer (or download it directly onto your new computer), just follow the installation instructions on the plugin's support page here.

Hopefully these notes will help.
However, if you get stuck with anything, just let me know how far into the process you get and what seems to be the problem and I'll do my best to help you out further.

It sounds like both problems might be connected to each other (or, indeed, be caused by the same issue).
Hopefully my notes below will help.

There are only a couple of things which have been known to prevent an existing gallery from being opened in JuiceboxBuilder-Pro.
(1) If the gallery folder is located within a Google Drive folder.
(2) If you have Avast installed and Avast's Ransomware Shield is active.

#1
Make sure that your gallery folder is not located within a folder which is synced with an online file sharing service (such as Google Drive). If it is, then try copying your gallery folder to a location on your hard drive that is not being synced with an online file sharing service (such as your desktop) to see if the gallery will open from there.

However, before you try this, you may need to do the following to clear the problem:

(1) Close JuiceboxBuilder-Pro.
(2) Navigate to the following location in Windows File Explorer: C:\Users\Username\Documents\JuiceboxBuilder-Pro\
(3) Delete the .tempGallery folder from this location.

I'm not sure what the equivalent location would be for a Mac but if you search for ".tempGallery" you should hopefully find it.

#2
There was a brief problem a few weeks ago whereby Avast's Ransomware Shield prevented an existing gallery from being opened in JuiceboxBuilder-Pro.
This was a false positive result and I contacted Avast who was happy to clear JuiceboxBuilder-Pro's reputation in their database (so there should be no longer be a problem for Avast users as long as their databases are up to date).
If you are not an Avast user, then just in case there is a similar issue with any other security software, if you have any security software installed, try making an exception for the "JuiceboxBuilder-Pro.exe" file to see if this helps.

If #1 and #2 are not relevant or do not help, then I would still try deleting the ".tempGallery" folder from #1 (if it exists) to see if it helps. Also, please try manually deleting the following folder which has also been known to resolve a few odd problems:
Mac: /Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro

Failing all else, I would try uninstalling and then reinstalling both Adobe AIR and JuiceboxBuilder-Pro.
You can download the latest version of Adobe AIR (v27.0) from here.

Here's the procedure for a clean reinstall of JuiceboxBuilder-Pro:

(1) Uninstall JuiceboxBuilder-Pro.
Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and empty your Trash.
Windows: Use the uninstaller in the 'Control Panel -> Programs -> Uninstall a program...' list.

(2) After uninstalling JuiceboxBuilder-Pro, please check that there are no files are left behind by manually deleting the following folders (if they exist) from your hard drive:

Mac:
/Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
/Users/Username/Library/Preferences/JuiceboxBuilder-Pro

Windows:
C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Pro
C:\Users\Username\Documents\JuiceboxBuilder-Pro
You may need to show hidden files to find some of the above locations in Windows File Explorer.

(3) Also, please follow the procedure above (Steps #1 - #2) for JuiceboxBuilder-Lite, too (if you have it installed).
JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can both be installed and run side by side on the same computer but, being that you are experiencing problems, it might be wise to completely clear your system of all JuiceboxBuilder files before trying to reinstall JuiceboxBuilder-Pro.

(4) Reinstall JuiceboxBuilder-Pro following the instructions here.

I hope these notes help (or at least point you in the right direction).

Using the standard Piwik analytics code will log hits to just the gallery's web page.

Setting enableDirectLinks="TRUE" in your gallery will give each image in the gallery a unique URL (using a # identifier at the end of the URL) but the web page is not refreshed/reloaded each time a new image is selected so the analytics code will not be rerun (it will be run only once when the web page is initially loaded).

You'll likely need to manually register a hit each time a new image is selected using the Juicebox-Pro API's onImageChange(e) event.

Keep the standard Piwik code in your gallery's web page and then use something like the code below:

<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
    var jb = new juicebox({
        containerId: "juicebox-container",
        enableDirectLinks: "TRUE"
    });
    jb.onImageChange = function(e) {
        var imageNumber = e.id;
        _paq.push(['trackEvent', 'Juicebox', 'Gallery', imageNumber]);
    };
</script>
<div id="juicebox-container"></div>

You might need to check with Piwik's Event Tracking support page for the correct JavaScript code to use (and you can change the terms 'Juicebox' and 'Gallery' to suit your own needs).

I hope this points you in the right direction.

It is not possible to change the size of the navigation hit areas but if you set imageClickMode="NONE" rather than the default value of "NAVIGATE" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section), then the user will need to click specifically on the navigation arrows (and clicking elsewhere on the main image will do nothing).
On touch-enabled mobile devices, users will still be able to swipe to navigate between images.

You can change the size of the navigation arrows via navButtonIconSize (also in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

Also, if you want the navigation arrows to be displayed on mobile devices as well as desktop browsers, set showImageNav="ALWAYS".

Short descriptions of all the configuration options in bold above can be found in the Main Image section of the Config Options page.

You're welcome.

Please note that Juicebox's own sliding transition will be different to the one that your website currently uses.
Here is a demo gallery with imageTransitionType="SLIDE".

For reference, possible values for imageTransitionType are SLIDE, FADE, CROSS_FADE and NONE (as noted in the Main Image section of the Config Options page).

If you want to hide thumbnails (and other gallery elements) and use the API (to use your own custom navigation buttons outside the gallery), then you'll need Juicebox-Pro. (Such functionality is not available in Juicebox-Lite, the free version.)

Unfortunately, we do not offer a trial version of Juicebox-Pro but we do have a money-back guarantee (as noted in the FAQ below) and I'll happily try to help you out if you run into any difficulties using Juicebox-Pro.
Can I try a trial version of Juicebox-Pro?

Yes, you could certainly get very close to the gallery you quoted with Juicebox-Pro.

Juicebox-Pro features the imagePreloading configuration option (see the Main Image Options section of the Config Options page for a short description). The default value is PAGE (whereby all images on the current thumbnail page are preloaded) but you could change this to NEXT (to preload only the next image in the gallery) which should easy the load on the browser when the gallery is initially loaded (and speed up the loading of the gallery slightly).

You could also create a Multi-Size Image gallery.
Essentially, you would provide up to 3 different image sizes for your gallery and Juicebox would use the size most appropriate to the device and screen size being used to view the gallery (thereby avoiding the need to load a large image for a small screen).

You can certainly switch off thumbnails (or thumbnail dots) by setting:

showThumbsOnLoad="FALSE"
showSmallThumbsOnLoad="FALSE"
showThumbsButton="FALSE"
showSmallThumbsButton="FALSE"

For reference, a list of all Thumbnail Options can be found here.
You can also disable other gallery elements (like the Gallery Title and Button Bar) to display just the main images and navigation arrows, if you like.

Icons within a Juicebox gallery are characters in a custom font.
You can change the size of the previous and next arrows (via the navButtonIconSize configuration option) and the color (via navButtonIconColor, navButtonIconHoverColor and navButtonBackColor) but there is no built-in option to change the style of the arrows.
However, there are two things you could do:
(1) You could change the arrow icons for custom icons of your own following the Using Custom Icons instructions in the Theming Guide.
... or:
(2) You could use whatever images you like on your gallery's web page (perhaps just to the left and right of the gallery like in the web page you quoted) and use the Juicebox-Pro API (specifically the showPreviousImage() and showNextImage() methods) to have clicks on your custom images change the image in the gallery. That way, you could use the exact previous and next arrows from the gallery you quoted (assuming you have copyright permission to do so).

I hope this helps.
If you have any further queries, please let me know.

If you are using the embedding code generated by JuiceboxBuilder-Pro (and presented on the application's 'Publish' tab), then you should follow the regular embedding instructions here and upload the contents of the gallery folder (not the gallery folder itself) to the directory that contains the HTML web page into which you have inserted the gallery's embedding code.

If you have uploaded a complete gallery folder to your web server, then you should use the baseUrl method of embedding documented here. The baseUrl method of embedding uses similar embedding code to the regular method but with a baseUrl entry pointing towards the gallery folder (so that Juicebox knows where to find the gallery).

For example, if you have a gallery folder named 'my_gallery_folder' and you upload the complete gallery folder to your 'ht_docs' directory, then you can use the following embedding code (changing the gallery dimensions and background color as necessary):

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

The leading slashes in the paths above denote your root directory (in your case, your 'ht_docs' directory) so the embedding code above will work in any web page throughout your website without modification.

I hope this helps.
However, if you continue to experience difficulties, then please let me know and I'll try to help further.

@Hoskin

Please feel free to share your own problem and solution here in the forum.
It might help others facing a similar problem.

For anyone else reading this forum thread and experiencing symptoms similar to those of the original poster ("works locally not on webserver"), please see this FAQ which might help:
My images show locally, but not when I upload them to my website. Why?

(The other Troubleshooting FAQS may also be helpful.)

OK, please let me know how you get on. If you would like to send me your gallery, just let me know and I'll email you with details of how to get the gallery to me.

That's great!

layout.css.devPixelsPerPx seems to have the effect of changing the browser's zoom factor (but does not change the apparent pixel density in a way that Juicebox can detect).
If you want to test your Multi-Size gallery, then try using JavaScript in your gallery's web page to fool the browser into reporting a custom pixel density value.
Try adding the following code to your gallery's web page:

<script>
   window.devicePixelRatio = 2;
</script>

I would use this for testing purposes only and I would not recommend leaving this in your web page as it may report a false value (depending on the real pixel density) which would result in Juicebox serving up a less appropriate image size.

You're welcome!
I'm glad you've got it working. Thank you for letting me know.