4,026

(1 replies, posted in Juicebox-Pro Support)

Unfortunately, the Fotomoto functionality does not work within an iframe and the Fotomoto button is automatically hidden if Juicebox detects that it is being displayed within an iframe (rather than display a non-functioning button).
I will ensure that this is noted in our online documentation in the next site update (in the iframe and Fotomoto support sections).

The solution would be to embed your gallery in your web page using the baseUrl method as documented here instead of loading your gallery into an iframe.

Essentially, in your 'animals.html' page, replace the iframe code with the following:

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

4,027

(4 replies, posted in Juicebox-Pro Support)

Thank you for reporting.
We are aware of a layout issue in Chrome under iOS and are working towards fixing this for the next version of Juicebox-Pro.
Just to be sure that what you are experiencing is not a new bug that we are not aware of, could you please confirm exactly what you see (for example, are the images cropped, are other gallery elements affected, does this happen when changing the device orientation or refreshing the gallery page) and what device you are using (iPhone 5, iPad 4 or other).
Perhaps you could upload a screenshot somewhere to show exactly what the problem is. Thank you.

4,028

(2 replies, posted in Juicebox-Pro Support)

The configuration options used by the Juicebox-Pro Top Aligned Demo gallery can be found in its 'config.xml' file here: http://www.juicebox.net/demos/pro/top/config.xml
You should be able to copy and paste all the configuration options (all the attributes to the opening <juiceboxgallery> tag, except for the user-specific Fotomoto settings) into the Pro Options text area of your own gallery (in the gallery settings window). WP-Juicebox will automatically filter out any Lite (non-Pro) options (which should be set via the plugin's own input fields).

4,029

(3 replies, posted in Juicebox-Pro Support)

You're welcome!

4,030

(3 replies, posted in Juicebox-Pro Support)

Set imageClickMode="OPEN_URL" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) and the image's Flickr page will be opened when the user clicks on the main image in the gallery.

Your gallery is sourced with images from the Media Library and WP-Juicebox will display all images attached to the post containing the gallery. It looks like there are only three images attached to the post containing your gallery.

Try the following to check how many images are listed as being attached to the post containing the gallery.

  • Edit the post containing the gallery.

  • Click the 'Add Media' button.

  • Select 'Insert Media' from the menu on the left (selected by default).

  • Select the 'Media Library' tab (also selected by default).

  • Choose 'Uploaded to this post' from the drop down menu.

  • See how many images are listed.

You could also go directly to your Media Library and check which images are listed as being attached to the post containing the gallery (in the 'Uploaded to' column).

You should be able to add images to an existing gallery by following the Editing a Gallery instructions on the WP-Juicebox support page.

4,032

(1 replies, posted in Juicebox-Pro Support)

Do you see the problem in our own test gallery? http://www.juicebox.net/demos/pro/full/#1
Also, could you please confirm what OS (Mac/PC) you use?
Thank you.

[Currently investigating a possible JavaScript conflict.]

4,033

(3 replies, posted in Juicebox-Pro Support)

Facebook have recently changed their pop-up sharing window and you may find that on your Facebook timeline, the image displayed may be the first image in the gallery rather than the selected image (or there may be no image displayed at all) but the link will still point towards the correct image in the gallery.

In the next version of Juicebox-Pro, although it will still be possible to share individual images within a gallery, only one thumbnail (which can be specified by the user via an Open Graph 'Image' META Tag) will be used per gallery. This is due to new limitations imposed by Facebook on what data can be passed via their share URL.

Also, please note that Twitter does not display a thumbnail image.

4,034

(3 replies, posted in Juicebox-Lite Support)

I am glad my suggestion helped.
Thank you for posting back to let me know.

4,035

(3 replies, posted in Juicebox-Lite Support)

The problem with your web page is likely to be your CSS.
All rules within the the global selector (*) section will apply to all elements on your web page (including those within the gallery). Juicebox has no option but to inherit such rules.
Also, your CSS applies rules to all anchor elements (again, including those within the gallery).
Use ids and classes to apply CSS rules to only those elements on your web page that require them.
Please see here for details on how this can be achieved: CSS Id and Class.

Also, I notice that your web page does not use a Doctype declaration. It is important that each HTML document uses a Docytype declaration in order to inform the user's browser what set of standards the code on your web page should conform to. Add an appropriate Doctype declaration to your page.
From the look of your code, you could use the HTML 5 Doctype. Add the following code to the very top of your HTML page (before the opening <html> tag).

<!DOCTYPE html>

Once you have added the Doctype Declaration to your web page, you can check the page for HTML errors (and fix any errors reported) with the W3C Markup Validation Service.

4,036

(4 replies, posted in Juicebox-Pro Support)

@Jinglebals

I'd like to put the content from the config.xml file within the html page containing the embed code

This is not possible. You can set the configuration options in the gallery's embedding code (as documented here) but the image data needs to be stored in a separate file (whether it is a static XML file of a file generated dynamically by a server-side scripting language such as PHP).
The only other option would be to use Flickr as a source of images for your gallery. You could then set the Flickr options in the embedding code and there would be no need for any image data to be stored in an external file.
Juicebox would still need to find an XML file to function correctly but you could just use an empty XML file containing just the <juiceboxgallery /> tag.

That's great! Thank you for letting me know.

I'm glad that you have been able to resolve your problem.
Thank you for posting back to let me know.

Juicebox determines the location of the 'jbcore' folder by looking for a <script> tag which loads the 'juicebox.js' file.
However, there is no such <script> tag in your web page (you load the 'juicebox.js' file with $.getScript("/js/gallery/juicebox.js", function () { instead) so Juicebox does not know the location of the 'full.html' file (which is used to expand the gallery in a new page on iOS devices).
If you load the 'juicebox.js' file in the web page containing the gallery's embedding code using a <script> tag as follows, then this would ordinarily solve the problem. However, your gallery's embedding code is contained in an external JavaScript file so I cannot be sure that this solution will work for you (although it is almost certainly the cause of the problem).

<script src="/js/gallery/theme.css"></script>

The problem may be that your gallery's baseURL is defined as: baseUrl: "http://www.globaltv.com/js/gallery/"
... but you are accessing your web site via globaltv.uat.smdg.ca

Try storing all the gallery files on the same domain/subdomain (setting baseUrl: "http://globaltv.uat.smdg.ca/js/gallery/") to see if this helps.

Also, are you able to try without using the PhotoAlbum wrapper to see if this makes a difference?

Have you uploaded your gallery files (the contents of your gallery folder) to your website (Step #2 in the embedding instructions here)?

As long as you have FTP access to the web space that Homestead provides you with, then I would recommend using the baseUrl method of embedding as documented here. This would allow you to upload your complete gallery folder (not just the contents) to your website. It would not matter where on your website you upload your gallery folder to as long as the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl itself) are correct.

If you do not have FTP access to your Homestead website, then you will need to host your gallery elsewhere (such as Dropbox) and load your gallery into an iframe, following the 'Embedding in a Web Template Site' instructions here.

If you like, you could post the URL to your gallery's web page and I should be able to tell you the reason why your gallery is not currently being displayed.

4,042

(3 replies, posted in Juicebox-Pro Support)

The sharing buttons are always part of the Button Bar and your galleries set buttonBarPosition="NONE" so the sharing buttons are not displayed. Try setting buttonBarPosition="TOP" instead and your sharing buttons will be visible.

4,043

(1 replies, posted in Juicebox-Lite Support)

Your Juicebox gallery displays fine if you go to simkens.eu but not if you go to www.simkens.eu.

This is because the paths in your gallery's embedding code are absolute and use the simkens.eu domain rather than the www.simkens.eu subdomain.
All gallery files must be on the same domain or subdomain as the HTML page containing the JavaScript embedding code due to the same-origin policy. Please see here for further details.

Use relative paths in your gallery's embedding code (instead of absolute paths) and your gallery should display on both simkens.eu and www.simkens.eu.

Try the following:

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

(The leading slash in the paths denotes your root directory.)

4,044

(2 replies, posted in Juicebox-Lite Support)

Certain browsers (IE11, Chrome and Opera) have security restrictions which prevent the loading of XML files (like the one used by Juicebox to store the configuration options and image data) locally (on your own computer). Unfortunately, there is nothing that can be done to circumvent this behavior. (It would appear from your post that CodeLobster's own built-in browser does not have such a restriction.)
Please note that this happens only when trying to load galleries locally (from your own hard drive) and does not happen once galleries have been uploaded to a web server.

We already have Juicebox FAQs for Chrome and Opera and will add one for IE11 in the next site update. (It was previously possible to preview galleries locally in IE10 but not now in IE11.)

However, it should be possible to preview galleries locally in Firefox and Safari (and I can do so with Firefox 27.0 and Safari 5.1.7 on my own PC).

If your gallery still does not display or function correctly when uploaded to your web server, then please post the URL to your gallery so that I can take a look for myself and help further.

4,045

(1 replies, posted in Juicebox-Pro Support)

It is not currently possible to synchronize the AutoPlay functionality with that of the Audio playback using the available configuration options.

It is also not possible to do so easily using the available Juicebox-Pro API methods and events. Ideally, you would listen for the AutoPlay (or Audio) button to be toggled by the user and then programatically toggle the Audio (or AutoPlay) button but there is no such event in the Juicebox-Pro API which could be used for this purpose. (New API events such as onAutoPlay(advancing) or onAudio(playing) would need to be introduced.)

It is also not possible to change the core functionality of Juicebox to achieve this as Juicebox does not come with source code and the 'juicebox.js' file (where all the logic is housed) is packed and obfuscated and cannot be modified. Please see this FAQ for details.

You could create your own HTML link (or button) outside the gallery and, when clicked, you could fire the Juicebox-Pro API methods toggleAutoPlay() and toggleAudio() together. However, it would be very difficult to keep the two features synchronized. You would need to ensure that the user could not manually switch either of these features off individually. Any manual image navigation (via navigation arrows, thumbnail selection or keyboard controls) would switch AutoPlay off (but the Audio would continue to play).
You would need to disable all manual navigation (using configuration options) and disable keyboard controls (using JavaScript).

The following is the closest I can get to achieving your goal.
Create a sample gallery in JuiceboxBuilder-Pro and replace the gallery's 'index.html' file with the following code (using your own audioUrlMp3 and audioUrlOgg values).

<!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 jb = new juicebox({
                audioUrlMp3: 'music.mp3',
                audioUrlOgg: 'music.ogg',
                autoPlayOnLoad: 'FALSE',
                containerId: 'juicebox-container',
                enableAutoPlay: 'TRUE',
                galleryHeight: '400',
                galleryWidth: '600',
                imageClickMode: 'NONE',
                playAudioOnLoad: 'FALSE',
                showAudioButton: 'FALSE',
                showAutoPlayButton: 'FALSE',
                showImageNav: 'FALSE',
                showNavButtons: 'FALSE',
                showSmallThumbsButton: 'FALSE',
                showSmallThumbsOnLoad: 'FALSE',
                showThumbsButton: 'FALSE',
                showThumbsOnLoad: 'FALSE'
            });
            jb.onInitComplete = function() {
                document.getElementById('juicebox-container').firstChild.removeAttribute('tabIndex');
            };
            $(document).ready(function() {
                $('#toggle').click(function() {
                    jb.toggleAudio();
                    jb.toggleAutoPlay();
                });
            });
        </script>
        <title>Test</title>
    </head>
    <body>
        <div id="input">
            <input type="button" id="toggle" value="Toggle Audio and AutoPlay">
        </div>
        <div id="juicebox-container"></div>
    </body>
</html>

I hope this helps.

Please feel free to post suggestions for future versions in the Feature Requests forum thread.
It keeps them all together and ensures that they are not overlooked.

4,046

(2 replies, posted in Juicebox-Pro Support)

If you are using WP-Juicebox (the Juicebox plugin for WordPress) and are using the Media Library as a source of images, then you can reorder images by doing the following:
(1) Edit the page or post containing the gallery.
(2) Click the 'Add Media' button above the editor.
(3) Go to the 'Insert Media -> Media Library' section.
(4) Select 'Uploaded to this post'.
(5) Images can be dragged and dropped into a new custom order.
(6) Close the media window when done.

You can quickly and easily reverse the order of images in a Media Library-sourced gallery by doing the following:
(1) Go to the 'WP-Juicebox -> Manage Galleries' page (from the Dashboard).
(2) Edit the gallery.
(3) Change the 'Image Order' from 'Ascending' to 'Descending' (or vice versa).
(4) Click the 'Save' button.

4,047

(5 replies, posted in Juicebox-Pro Support)

Will a WordPress page require an iFrame?

No. You can use the baseUrl method of embedding as documented here.

From what you say and my own tests, it looks like an upgrade to PHP might solve the problem.
However, in order to determine the exact cause of the problem, I would need to run a few tests on PHP v5.2.17.
If you are willing to give me access to your web server (FTP login details) then please let me know and I will send you an email address so that you can pass them on to me.

4,048

(4 replies, posted in Juicebox-Lite Support)

Each single-site license allows you to:
(1) Upload your Juicebox-Pro galleries to a single website domain.
(2) Install JuiceboxBuilder-Pro (the desktop application to create and edit galleries) on up to 3 computers.
These computers can be anywhere you like. For example, you could have a desktop and a laptop at home and another computer at work.

With a single-site license, you would be able to create and edit Juicebox-Pro galleries (using JuiceboxBuilder-Pro) on 3 different computers but you would still be able to upload the galleries to only one website domain.

Is there a basic error in the html construction?

No. It looks like your galleries are fine.

Can the execution of the juicebox gallery be blocked by the internal firewall?

First of all, please check that JavaScript is enabled in your browser.
It is certainly possible that your company intranet is blocking JavaScript files. Please check with your IT department to see if this is the case. (Your galleries display and function fine when I view them myself.)

4,050

(4 replies, posted in Juicebox-Lite Support)

(1) Yes.
(2) No. The Juicebox branding (link/badge at the bottom-right corner of the gallery) is present in all Juicebox-Lite galleries and can be removed only by purchasing Juicebox-Pro.

If you like, Juicebox-Pro can be purchased from this web page.
There are many other benefits to using Juicebox-Pro. A comparison chart between the features of Juicebox-Lite and Juicebox-Pro can be found on the download page (link above).