3,901

(1 replies, posted in Juicebox-Lite Support)

If you have installed Ghost on your own web server, then you should be able to embed a Juicebox gallery using the baseUrl method of embedding as documented here.
Essentially, you should upload your entire gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into your blog entry. It does not matter where on your web server you upload your gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.
(According to the Ghost support forum, the Ghost markdown editor accepts HTML code.)

If your blog is hosted on Ghost's own servers, then as Ghost do not offer direct access to your blog via FTP, you will need to host your gallery elsewhere (such as Dropbox) and load your gallery into an iframe, following the Web Template instructions here.

3,902

(7 replies, posted in Juicebox-Pro Support)

I still don't see an interface for the new social media buttons option (I assume because that a fairly new thing) I also don't see the option for the main image corner radius.

Thank you for pointing this out. I have notified the developers.

On mobile devices when you have a caption it gets cut off on the bottom of a device

Try increasing your gallery's maxCaptionHeight from its current value of 80 to perhaps its default value of 120.

in thumbnail view the title of the gallery is visible even tho' it's turned off in desktop versions.

This will be fixed in the next version of Juicebox-Pro. (The gallery title will not be displayed in Small Screen Mode if galleryTitlePosition="NONE".)

Also the home icon doesn't appear when it's just the thumbnails on a mobile device. You have to view one of the actual images to see it.

This is by design to maximize the amount of space available for thumbnails on small screen devices.

With svmanager have you guys considered having tooltips over the options to give a simple brief description of what the options do when you hover over them with the mouse?

Thank you for the suggestion.
We use rollover tooltip text for many input field labels in Showkase, another one of our products which you might be interested in. For more information on the differences between svManager and Showkase, please see here.

3,903

(7 replies, posted in Juicebox-Pro Support)

svManager already has full support for all Juicebox-Pro configuration options (including thumbPadding) in its interface.
When creating or editing a Juicebox-Pro gallery in svManager, just click on the 'Pro' tab. (The thumbPadding configuration option is labelled as Space between thumbs (px)).

Make sure that you are using the current version of svManager (v1.8.6).
You can download the latest version of svManager using the download link from your purchase email.
If you cannot find your purchase email or your download link has expired, then please fill in this Upgrade Request Form to request a new download link.
Instructions for upgrading svManager can be found here.

3,904

(5 replies, posted in Juicebox-Pro Support)

Your test gallery URL leads to an error 404 (file not found).
Please check your URL and post back. Thank you.

3,905

(7 replies, posted in Juicebox-Pro Support)

Thank you for reporting this problem.
It does, indeed, look like a bug.
I have notified the developers and hopefully this will be fixed in the next version.

(I needed to alter the stage padding because the thumbnails by default rest at the very bottom of the screen for some reason.)

In the meantime, perhaps you could embed your gallery in a parent container and apply a CSS margin or padding to the parent container instead.
Otherwise, using a small amount of thumbPadding may also be a suitable workaround.

3,906

(3 replies, posted in Juicebox-Pro Support)

So the mystery still remains about the missing captions on the PC conversion, but I thought that I should figure out if the jbcore subfolder had any bearing on things.

The fact that the converted gallery does not have a 'jbcore' folder is, indeed, a problem.

I have just downloaded the 'gallery.xml' file (from the URL you provided) and the first image and thumbnail in the gallery, placed them in a test SimpleViewer-Pro v2.3.0 gallery (the same version of SimpleViewer that your brother uses) and converted the gallery to a Juicebox-Pro gallery successfully (on a PC) with no problem. The 'jbcore' folder was created, the 'gallery.xml' file was renamed to 'config.xml' and the captions were converted successfully, too.
I do not know what might be preventing your brothers galleries from converting successfully.

At teh moment, all I can suggest is that you both make sure that your JuiceboxBuilder-Pro installations are up-to-date (v1.3.3).
If necessary, instructions for upgrading can be found here.

It would certainly help if I had access to a complete gallery folder which fails to convert successfully. It may differ from the one I constructed manually from files in the URL you posted.
Please zip and upload one of the galleries that fails to convert successfully so that I can download it and try the conversion for myself. Thank you.

3,907

(5 replies, posted in Juicebox-Pro Support)

And the caption area got taller but it's still extending the width of the gallery.

I have just created a test gallery using the new configuration options you posted and the caption area spans only the width of the main image in the gallery (as expected) and not the width of the entire gallery itself.
Try clearing your browser's cache to ensure that your browser is fetching and using the most recent version of your gallery's XML file.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.

Please check your email. I have sent you a message.
Thank you.

3,909

(5 replies, posted in Juicebox-Pro Support)

captionPosition="IMAGE_OVERLAY"

The correct value for captionPosition should be OVERLAY_IMAGE (not IMAGE_OVERLAY) (as noted in the Caption Options).
(You might also want to increase the value of maxCaptionHeight from 10 to something like 100.)

3,910

(1 replies, posted in Juicebox-Lite Support)

I have just tried converting a SimpleViewer (v2.3.1) gallery to a Juicebox gallery using JuiceboxBuilder-Pro (v1.3.3) and it seems to work OK for me.
The image captions from the SimpleViewer gallery are translated to the image captions in the Juicebox gallery.
(The image titles in the Juicebox gallery are blank because SimpleViewer does not support image titles.)

Please check your converted gallery's 'config.xml' file (open it in a plain text editor) to see if the image captions are really there or not. If you like, you could post the URL to your gallery so that I could take a look and help further.

Better still, if you are willing, you could zip your original SimpleViewer gallery and upload it somewhere for me to download so that I could try the process for myself with your own gallery and determine exactly what the cause of the problem is.

It may also help to know what version of SimpleViewer your original galleries are.
Thank you.

You could not use the WP-Juicebox 'config.php' file for your own needs out of context (the file will work only within the confines of the plugin) but the concept of passing a parameter to a PHP page via a query string in the configURL is fine.
Using the actual 'config.php' file from WP-Juicebox would not work because when WP-Juicebox sets the configUrl to 'config.php?gallery_id=1' (for example), the 'config.php' page parses a static XML file (depending on the value of the 'gallery_id') to determine factors such as where the images should come from (Media Library, Flickr, NextGEN, Picasa) and what WordPress page or post the gallery is embedded into. Your own galleries will not have these static XML files with such variables. They are generated by WP-Juicebox only for galleries created by the plugin.

You would need to construct your own PHP file to fetch images from your own source and build your own XML file accordingly.

3,912

(4 replies, posted in Juicebox-Pro Support)

As you have discovered, any options that you include which do not have names and values separated by a '=' sign will be stripped out.

themeUrl is a special case and is not a 'regular' Pro Option.
It must be set in the embedding code (as noted here).

If you want to incorporate a custom theme within WP-Juicebox, then you will need to modify the plugin's 'wp-juicebox.php' file.
Open the file in a plain text editor, scroll down to line 244 and just after the opening new juicebox({ line, add the following:

themeUrl:"snowboard/theme.css",

... ensuring that the path to your 'theme.css' file is correct.
Please note that the line number above refers to the current version of WP-Juicebox (v1.3.3.1).

I wasn't actually referring to the Wordpress theme we are using but rather to changing the Juicebox theme within the css. Are there any good tutorials on doing that besides the "Themeing Overview"?

The Theming Guide is certainly the best source of information regarding customizing Juicebox beyond what can be achieved with the available configuration options. Unfortunately, there is no tutorial for modifying the Juicebox CSS. If you wish to edit any of the CSS, then the best way to find out which classes you may need to change would be to use a browser's developer tools.
You are certainly free to modify the CSS as you like but please bear in mind that the stock 'theme.css' file within the Juicebox 'jbcore' folder' may change from version to version and with each new release, you may find that you have to incorporate your changes into a new CSS file. (This is why we try to accommodate most users' needs with configuration options and vector icons without the need to modify any CSS.)

Please post the URL to your gallery so that I can take a look.
Thank you.

3,914

(10 replies, posted in Juicebox-Pro Support)

i mean the url showing in the browers adress like "http://juicebox.net/forum/viewtopic.php?pid=5575#p5575".
i would like to follow a link and the url stays at "http://juicebox.net/forum/viewtopic.php?pid=5575#p5575"...

A browser will usually display the URL of the page currently being displayed.
It is not possible within Juicebox to prevent a browser from displaying the URL of page which has been linked to.
For more information on the topic, please try a web search with terms such as 'URL masking' and 'link cloaking'.

but there are no hover effekt and no links on the nav bar... any ideas?

If you want your navigation menu to appear and disappear when the user hovers over the container, then you will need to implement either a CSS solution (such as on this web page) or a JavaScript/jQuery solution (such as on this web page).

In order for your links to be active, your navigation menu needs to be stacked on top of the gallery by assigning it a large z-index value.

For a solution to both problems, try using the following CSS on your web page (in addition to your own CSS from your post above):

#wrap {
    position: fixed;
    top: 7%;
    width: 100%;
    height: 7%;
}
#wrap, #navigation, #navigation a {
    z-index: 9999;
}
#navigation {
    display: none;
}
#wrap:hover #navigation {
    display: block;
}

... and then use HTML code such as the following for your navigation menu:

<div id="wrap">
    <div id="navigation" >
        <a href="../home/index.html" >|   home</a>
        <a href="../wedding/index.html" >|   wedding</a>
    </div>
</div>

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,916

(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,917

(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,918

(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,919

(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,920

(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,922

(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,923

(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.