Yes. You could effectively upload a single instance of a Juicebox gallery somewhere and feed it a unique dynamically-generated XML file using PHP and passing a gallery id depending on the link that has been clicked.
This is essentially what WP-Juicebox does. The PHP file which dynamically generates the gallery's XML file in the plugin is named 'config.php. The 'gallery_id' attribute in the Juicebox shortcode is passed to the 'config.php' file as a query string parameter.

You would just need to create (and link to) a PHP gallery page (essentially an HTML page containing a 100% x 100% gallery), $_GET the 'gallery_id' query string parameter from the link and pass this along to the PHP page you use as your configUrl.

The PHP page you use as your configUrl would need to construct an XML file with the correct format and would possibly need to take into consideration thumbnails and captions as well as the main images.

3,877

(2 replies, posted in Juicebox-Lite Support)

I could only assume jQuery is somewhat compiled into the obsfuscated file? Am I correct?

Yes. That is correct. Juicebox comes with its own version of jQuery bundled within the 'juicebox.js' file.
In doing so, we know that Juicebox will work.
Otherwise, we would have to rely on users including jQuery in their web pages (a further step in the embedding process) and we could not guarantee that the version of jQuery that the user uses does not have any bugs in it which would result in the Juicebox gallery failing to function correctly.

But on a page where I already have a copy of jQuery loaded it's a waist of filesize...

You might think that it would be OK to just use the the version of jQuery which comes bundled within the 'juicebox.js' file to save you from loading a separate version of jQuery in your web page.
However, if Juicebox ever changes its version of jQuery or strips out any jQuery functionality or changes its built-in JavaScript library completely, then your web page may break. Therefore, if your web page requires jQuery for anything other than Juicebox, I would recommend that you continue to load jQuery separately in your page.

Do you provide a juicebox.js without jQuery compiled?

No. There is no version of the 'juicebox.js' file available without jQuery included.

3,878

(1 replies, posted in Juicebox-Lite Support)

Thank you for the link to the Drupal forum thread.
As far as I am aware, we have not had any other users report such an issue ('Open Image' button displays blank page which needs to be refreshed in Chrome).

This might somehow be related to the fact that your linkURLs all currently use http://localhost/
Does this happen in other WebKit based browsers, too (Safari and Opera) or just Chrome?

Are you able to have your linkURLs generated using relative paths (rather than absolute in the form http://localhost/) or perhaps just using a leading slash to denote your root directory?
For example:

linkURL="/cars-copy/sites/default/files/2014/03/26/forest-light-900.jpg"

... instead of:

linkURL="http://localhost/cars-copy/sites/default/files/2014/03/26/forest-light-900.jpg"

This may or may not work but might be worth trying to see if it makes a difference. It might turn out to be suitable workaround.

Incidentally, if you leave the linkURL empty, Juicebox will just use the imageURL instead when the 'Open Image' button is clicked.

You say that "As soon as I have the site pre-live I can post here a url so as you and others debug the issue.".
I can't help but think that as soon as you do this (and move away from using 'http://localhost/'), the problem may no longer happen.

3,879

(10 replies, posted in Juicebox-Pro Support)

getting an error while processing the new JuiceboxBuilder-Pro.air file ;(

For other users reading this thread, in order to install a new version of JuiceboxBuilder-Pro, it is necessary to first uninstall any existing version.
Uninstall your existing JuiceboxBuilder-Pro version as follows:
Windows: Use the uninstaller in the 'Control Panel -> Programs -> Uninstall a program' list.
Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and then empty your Trash afterwards.

If you have any version of JuiceboxBuilder-Pro on an external hard drive attached to your computer, please detach the drive before running the 'JuiceboxBuilder-Pro.air' installation file.

Also, please make sure that your version of Adobe AIR is also up-to-date.
The current version can be downloaded from here.

If this does not work, then in between uninstalling and reinstalling JuiceboxBuilder-Pro, try deleting the following folder manually:
Mac: /Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows (XP): C:\Documents and Settings\your_username\Application Data\Adobe\AIR\ELS\JuiceboxBuilder-Pro
Windows (Vista, Win 7, Win 8): C:\Users\your_username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro

- is it possible to let the url static (don´t chance if i click on a link in the caption)?

I'm not sure what you mean by this. Could you please explain further?
Do you want the link to open in a new tab or window rather than in the same page?
If so, use the target="blank" attribute in your link, for example:

<a href="http://www.example.com/index.html" target="_blank">Link text goes here</a>

- i´d like to position the caption 10% of height below from top of picture, but how?

It is not possible to position a caption relative to the top of the main image.
However, you can set the height for a caption (depending on the value of captionPosition) with the maxCaptionHeight configuration options (in JuiceboxBuilder-Pro's 'Customize -> Caption' section).

- is it possible to see continous the caption bar? load picture let the caption short vanish...

If the caption is positioned on the overlay (captionPosition is set to either OVERLAY or OVERLAY_IMAGE), then you can control when the overlay is displayed with the showImageOverlay option (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) which can be set to AUTO (on hover), ALWAYS or NEVER.

3,880

(4 replies, posted in Juicebox-Lite Support)

Is there the ability to change the mobile version layout/look/functionality to a slideshow that doesn't have to be touched to open

Yes. By default, Juicebox will display the Splash Page on small screen devices (a place-holder for the gallery which will be opened in a new page when clicked) but you can choose not to display the Splash Page by setting showSplashPage="NEVER".
Alternatively, you could force the gallery to be displayed in Large Screen Mode on all devices and in all browsers by setting screenMode="LARGE".
Please note that these two configuration options are Juicebox-Pro only (and not available in Juicebox-Lite).

For more information on Screen Modes and how Juicebox adapts to different devices and screen sizes, please see here.

3,881

(4 replies, posted in Juicebox-Pro Support)

I'm under the assumption that you simply put optionName = "optionValue" as noted in the Upgrading to Juicebox Pro section of the Wordpress Plugin page on the Juicebox website.

Yes. For example, you could enter options such as the following into a gallery's Pro Options text area:

backButtonPosition="TOP"
backButtonUseIcon="TRUE"
backButtonUrl="http://www.example.com/index.html"

Please note that WP-Juicebox strips out any Lite Options which are entered into the Pro Options text area to avoid duplicate entries in the gallery's XML file. Lite Options can be set in the gallery settings window via the individual controls.

Also, curious as the best practice for changing themes/messing around with the look of the wordpress plugin.

You can certainly change your WordPress theme and this will change the look and feel of your WordPress pages. However, no matter what theme you choose, your Juicebox galleries should remain constant (and can be modified in the gallery settings window).
If you want to see how a gallery looks when using certain configuration options, then try using JuiceboxBuilder-Pro on your computer. It supports all Pro Options via individual controls and has a live preview window which shows you how your gallery looks as you make changes. If you want to replicate a particular layout, then you can save the gallery (on JuiceboxBuilder-Pro's 'Publish' tab), open the gallery's XML file in a plain text editor, copy the configuration options and paste them into a WP-Juicebox gallery's Pro Options text area.

What you are looking to achieve could probably be achieved quite easily without the need to pass any image ids as parameters or use iframes (although it would need to be set up manually and could not be done with the existing WP-Juicebox plugin which is designed to embed Juicebox galleries directly into WordPress pages or posts).

You could create your galleries using JuiceboxBuilder-Pro (on your computer).
Upload the complete gallery folders (not just the contents) to your web server. It does not matter where you upload them to as long as you know where they are.
Just insert image links in your WordPress pages or posts to point to each gallery's 'index.html' file.

For example, if you uploaded a complete gallery folder named 'gallery1' to the root directory of your web server, then you could use an image link such as the following.

<a href="/gallery1/index.html"><img src="/images/thumbnail.jpg" width="80" height="60" alt="thumbnail" /></a>

(You would need to provide a suitable thumbnail image to use as a link.)
When the user clicks on a link, the browser would be redirected to the gallery's 'index.html' page which would display the gallery on a page of its own.
Your gallery could incorporate a Back Button to allow the user to return to the original WordPress page or post containing the link.

... there seem to be some issues loading Juicebox into an iFrame. There seems to be some flickering during animations, at least here with my Chrome brower.

This is a known issue which has already been addressed and will be fixed in the next version of Juicebox. However, just fior the record, there are other limitations of using an iframe which are documented in the 'Using an iframe' support section here.

I hope this helps.

3,883

(1 replies, posted in Juicebox-Pro Support)

It would not be possible to implement a solution within WP-Juicebox (without re-writing the plugin) but you could do the following with a standalone gallery.

(1) Listen for a change in the user's browser window size using JavaScript.
(2) Determine the new width of the user's browser window.
(3) If a specified width threshold has been crossed, then reload the gallery setting the new configuration options in the embedding code.

For example, create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' page with the following code:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
        <script type="text/javascript" src="jbcore/juicebox.js"></script>
        <script type="text/javascript">
            var a = '3', b = '3', c = 'LEFT', thresholdWidth = 600;
            function loadGallery(a, b, c) {
                new juicebox({
                    containerId: 'juicebox-container',
                    maxThumbColumns: a,
                    maxThumbRows: b,
                    thumbsPosition: c
                });
            }
            function thumbsStatus() {
                var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
                if (windowWidth < thresholdWidth && c === 'LEFT' ) {
                    a = '10';
                    b = '1';
                    c = 'BOTTOM';
                    loadGallery(a, b, c);
                }
                if (windowWidth >= thresholdWidth && c === 'BOTTOM') {
                    a = '3';
                    b = '3';
                    c = 'LEFT';
                    loadGallery(a, b, c);
                }
            }
            $(document).ready(function() {
                thumbsStatus();
                $(window).on('resize', thumbsStatus);
                loadGallery(a, b, c);
            });
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="juicebox-container"></div>
    </body>
</html>

3,884

(10 replies, posted in Juicebox-Pro Support)

What can i do to scale just to fill the browsers size?

If you want a gallery to completely fill a users browser window, make sure that it is the only element on your web page and set its dimensions to 100% x 100%.

may i use the caption for navigation bar? and how?

You can insert links into image captions by using HTML formatting as documented in this FAQ:
How do I add HTML formatting to image captions and titles?

For example, you could enter a caption such as the following into JuiceboxBuilder-Pro.

<a href="http://www.example.com/index.html">Link text goes here</a>

It may not be ideal to use image captions as navigation for your site (it depends on your site).
You may have better luck following one of the resizable templates here (placing your navigation menu in the header).

Thank you for providing the URL to your gallery.

It look like the problem happens when captionPosition="BELOW_IMAGE" and the image is displayed fullsize (ie. when the browser window is large enough that the image does not need to be dynamically rescaled by Juicebox).
If you shrink your browser window so that the image is dynamically rescaled by Juicebox, then you should see the link become active.

I have logged a bug report with the developers and this should hopefully be fixed in the next version.
In the meantime, possible workarounds would be to try one of the following:
(1) Change the captionPosition.
(2) Change the imageScaleMode.
(3) Ensure that your images are large enough that they would need to be scaled down by Juicebox to fit within your gallery's image area.

Unfortunately, there is no easy way to use images uploaded for NextGEN galleries in a WP-Juicebox gallery (other than to activate the NextGEN plugin and use the NextGEN Gallery Id in your gallery settings window).
WP-Juicebox is not designed to accept a folder of images as a source of images for a Juicebox gallery.
The plugin would need to be re-written to handle a new image source (which would also need to take into consideration thumbnails and captions).

You would need to either create new WP-Juicebox galleries by re-uploading the images to your Media Library or download all your images to your computer, create Juicebox galleries there and then upload them to your web server and embed them in your WordPress pages and posts manually.

3,887

(4 replies, posted in Juicebox-Lite Support)

If you set your gallery's height to a fixed pixel value (such as 600px), then it will be 600px in all devices and browsers.

You can change a Juicebox gallery's height in the gallery settings window.
By default, it is set to a fixed pixel value (600px) because setting a gallery's height to be a percentage (such as 100%) can cause problems if the gallery's parent container does not have a height set via CSS. Juicebox may then not be able to determine what its own height should be (100% of what?).

In a WordPress environment, you may have little control over the gallery's parent container which is generated by your theme. It is unlikely that a height will be set for the gallery's parent container as the theme has no way of knowing what content will be placed in the page or post and WordPress pages are designed to scroll vertically if necessary. (They are not intended to dynamically rescale vertically to fit within a user's browser window height).

You could try changing your gallery's height to a percentage but whether this works OK or not may be dependent on your theme.

3,888

(10 replies, posted in Juicebox-Pro Support)

Hopefully the following notes will help.

- Picture in Fullframe

If you want the images in your gallery to be displayed in full (without cropping), set imageScaleMode to either SCALE_DOWN or SCALE (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

- in the upper 1/3 a transparent Navbar wich generel Titel and Navigate to 3 other Sides (Home / Architecture / Nature / ... / imprint)

Please take a look at the Using a Resizable Gallery with a Header support section. The View Resizable Gallery with Top Menu Example has a header of fixed height and the gallery takes up the remainder of the user's browser window. You can view the source of the web page in a browser and copy/modify the code to suit your own needs (by swapping the sample header content for your own navigation menu).
It might not be exactly what you want but if you want to overlay a transparent navigation menu on top of a Juicebox gallery, then knowledge of HTML, CSS (and perhaps JavaScript) would be required. It would not be something that could be implemented within Juicebox itself.
You could, however, embed links into the Gallery Title or Back Button as noted in these FAQs:
How do I add HTML formatting to the Gallery Title or Back Button?

- main page (as home) should play the automatic

If you want a Juicebox gallery to start an automated slideshow as soon as it loads, set enableAutoPlay="TRUE" and autoPlayOnLoad="TRUE" ('Customize -> AutoPlay'). You may also want to set enableLooping="TRUE" ('Customize -> General').

- no Buttons

Use the following settings:

buttonBarPosition="NONE"
galleryTitlePosition="NONE"
backButtonPosition="NONE"
showImageNav="FALSE"
captionPosition="NONE"

- no thumbnails

Use the following settings:

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

- just the full picture ;)

Make sure that your gallery's dimensions match the aspect ratio of your images (so that there is no wasted space around your images within the gallery).

- special --- it is possible to link to the imprint so it come as overlay transparent layer at the side, so you can read it over the images?

I'm not entirely sure what you mean by this. You can set captionPosition="OVERAY_IMAGE" so that the image titles and captions appear on the image overlay (on top the the main image). However, the text will appear towards the bottom of the image, not the side.

I have been unable to replicate the problem you report in a test gallery of my own.
Please post the URL to your gallery so that I can take a look for myself. (There may be a combination of configuration options which is causing the problem.)

3,890

(2 replies, posted in Juicebox-Pro Support)

You'll need to set backButtonPosition to either TOP or OVERLAY.
If you do not set backButtonPosition, then Juicebox will use its default value of NONE and the Back Button will not be displayed (regardless of any of the other Back Button options which may have been set).
For reference, a list of all Back Button configuration options can be found here.

3,891

(1 replies, posted in Juicebox-Lite Support)

As you have not explicitly set a configUrl or baseUrl in your gallery's embedding code, Juicebox will, by default, look for your gallery's XML file to be named 'config.xml' and to be located in the same directory as the HTML page which contains the embedding code.
Therefore, your gallery's XML file should be located here: http://www.website-design.ca/exhibition/config.xml
... but it does not seem to be there. Going directly to this location in a browser results in an error 404 (file not found).

Upload your 'config.xml' file to your 'exhibition' directory and your gallery should display fine (as long as the paths within the XML file are correct).

If you want to rename or relocate your gallery's XML file, you can do so using the configUrl configuration option.
For example:

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

3,892

(1 replies, posted in Juicebox-Pro Support)

Set showImageNumber="FALSE" in JuiceboxBuilder-Pro's 'Customize -> Caption' section.

I'm glad you were able to get it working.
Thank you for sharing your code. Hopefully others will be able to benefit from it.

I see a flash during the transitions on the embedded gallery and flikr gallery

One thing that these galleries have in common is that neither completely fills the browser window.
However, if this was somehow a contributing factor, then I would expect you to see the flickering in other galleries which do not completely fill the browser window (such as the Flat Design and Top-Left Alignment demo galleries).
The two galleries you see the flickering in have much in common with other demo galleries on the page which you do not report seeing the flickering in so, at the moment, I am unable to draw any conclusions as to what the problem might be.

I guess its a local issue to my computer.

It certainly seems to be.
Out of interest, what operating system and version of Safari do you use?
If you are not already using the latest version of Safari for your system, try updating it to see if this helps.

I have just viewed your gallery in Safari 5.1.7 on my PC (and two other browsers which use the WebKit engine: Chrome 33 and Opera 20) and I see no flickering in transitions.

As I do not see the flickering in your gallery when I view it myself, it looks like the problem may not be with the gallery itself or due to a code conflict but it seems to be localized to your own browser/system.
Try clearing your browser's cache before reloading your gallery to see if this makes a difference.

Do you see the flickering in any of these demo galleries?
http://www.juicebox.net/demos/

If you set a high enough 'z-index' value to your menu, it should be stacked on top of the gallery and function as expected.
Try adding the following code to the <head> section of your web page:

<style type="text/css">
.pure-menu ul {
    z-index: 9999 !important;
}
</style>

There are known issues (which are currently being investigated) whereby flickering can occur in Chrome if the gallery is either loaded into an iframe or hosted on Dropbox rather than on a regular web server.
However, your gallery is not hosted on Dropbox and is embedded directly in your web page.

I have viewed your gallery in Chrome 33 (and Firefox 28.0, IE11, Safari 5.1.7 and Opera 19.0) on my PC and do not see any flickering during image transitions at all in any browser.

Here are a few things to check and try:

(1) Try clearing your browser's cache before reloading your gallery's web page to see if this makes a difference.

(2) Try fixing the HTML errors on your web page.
You can check the code on your web page with the W3C Markup Validation Service and then fix the errors that are reported.
(There is a closing </p> tag on your web page with no matching opening <p> tag.)

(3) Try viewing your gallery on its own web page (rather than embedded in your main web page) to see if the flickering still occurs (to see if there is perhaps a conflict with some CSS or JavaScript code on your main web page): http://www.paradiseblue.com/gallery1/

If none of the above helps , then please post back and let me know what operating system and version number do you use. It might give us a clue to the source of the problem.

I do not know the original reason for giving WP-Juicebox its own shortcode but I guess it would allow for additional attributes to be added at a later date (perhaps for new functionality in future versions) without hijacking WordPress's own gallery shortcode.

3,899

(6 replies, posted in Juicebox-Lite Support)

Thank you for posting the link to your gallery. I see the problem that you report in Chrome 33.
It looks like the problem is somehow related to the gallery being hosted on Dropbox.
I created a sample gallery using imageTransitionType="CROSS_FADE" and uploaded it to a Dropbox 'Public' folder and it also flickers between image transitions. However, I uploaded the same gallery to a couple of different regular web servers and the problem does not occur.
I have notified the developers of this issue but if the problem is with Dropbox and a solution cannot be achieved within the code of Juicebox itself, then the only workarounds at the moment would be to either change the imageTransitionType or to host your gallery on a regular web server.

Please post suggestions for future versions of Juicebox in the Feature Request forum thread
It keeps them all together and ensures that they are not overlooked.
Thank you.