You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Yes. Set enableDirectLinks="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) and you can have a unique URL for each image in your gallery.
For example, a URL to go directly to the 7th image in a gallery would look something like: http://www.example.com/gallery/#7
Please see the description of the enableDirectLinks configuration option in the General section of the Config Options page for a little more detail.
@ErikC & rounders
Thank you both for the additional information.
It looks like the problem is unique to Mobile Safari in iOS 8 (or at least iOS 8.0.2).
I have notified the developers of this and they will investigate further.
@Mikael P.
I understand your request for a quick and easy way to select a number of images. (Thank you for the suggestion.)
However, if you are familiar with HTML, JavaScript and PHP, you could perhaps achieve this functionality already using the Juicebox-Pro API and PHP session variables.
You could create a link (either within your gallery or elsewhere on your web page) to 'Add an image' to a selection list.
When clicked, the link would get the current image number (using the getImageIndex() API method) and pass it onto a PHP script which would add the image number to a PHP session variable array.
You could have further links (and separate corresponding PHP scripts) to display the current list of selected images to the user, reset the list and email the list to yourself.
As noted, knowledge of HTML, JavaScript and PHP would be necessary but it is possible (although it might turn out to be a rather complex project, especially if you wanted to extend the functionality by allowing the user to send you notes).
As I am unable to replicate this problem myself, I would appreciate some more information in order to narrow down the possible causes of this problem. (Perhaps the problem is specific to a certain browser under a certain version of iOS.)
If you could answer the following questions, that would be great. Thanks.
(1) What generations of iPad and iPhone do you use and what versions of iOS do they run?
(2) Do you see the problem happening in both Mobile Safari and Chrome or just in one browser? (If you have not yet tried Chrome, please do so to see if this makes a difference.)
(3) Does this happen only in pages with a Juicebox gallery or have you seen this happen in any other scrollable web pages which do not contain a Juicebox gallery?
Your audio plays fine in your gallery in IE11 so your gallery's audioUrlMp3 configuration option is set OK.
As noted in the Adding Audio support section:
Note - Audio options are not supported in Internet Explorer version 8 and below.
If you are using IE9 or later and still do not hear your audio track, then try clearing your browser's cache before reloading your gallery's web page to ensure that your browser is fetching and using the latest versions of your gallery files.
As you have discovered, you won't be able to put PHP code into the body of a WordPress code and have the code run.
Your style variable is currently a string (enclosed in quotes). It needs to be an object. Remove the surrounding quotes. (Also, there is no need to escape the double quotes.) Try the following:
var style = {
baseUrl : "http://hella-stroh.de/jbgalleries/startseite/startseite/",
containerId: "juicebox-container"
};With regard to the common configuration options, the juicebox_style variable in your 'startseite.js' file is also currently a string rather than an object. It is not possible to add names to the Juicebox object as a string (like the PHP example). The PHP example slots in a chunk of text (server-side) before the code is parsed by the browser (client-side). The embedding code is fully formed (by the server-side PHP) before the browser even sees it. This is not the case with your JavaScript code.
Create an object with all your common configuration options (like the style object above) and then merge the two objects before feeding it to your new juicebox line. (You can keep the common configuration options object in your external JavaScript file but it should be an object rather than a string.)
For example:
var style = {
baseUrl : "http://hella-stroh.de/jbgalleries/startseite/startseite/",
containerId: "juicebox-container"
};
var common = {
autoPlayOnLoad: "TRUE",
showThumbsOnLoad: "FALSE"
};
for (var name in common) {
style[name] = common[name];
}
new juicebox(style);Basically when I view it on a phone, the images just hover over the text and the menu along the top is just hovering over the menu that is there, which is kind of messy.
I do not see this when viewing your sample post's web page in Mobile Safari on an iPod Touch.
The gallery's Splash Page displays as expected and the gallery displays and functions fine when the Splash Page is tapped.
Try clearing your browser's cache before reloading your gallery's web page to see if this helps.
Otherwise, please let me know what device and browser you see the problem in and, if possible, please upload a screenshot somewhere (and provide a link) so that I can see what you are seeing.
Also, are there settings that we can turn off in the non-mobile version (such as the sharing icons) so they won't get in the way.
Juicebox uses only one set of configurations for both Small and Large Screen Modes.
You can disable the Sharing Buttons by setting the Sharing Options to FALSE but this will disable in all browsers and on all devices.
A single tap on a mobile device's screen will hide the overlay (until tapped again) to clear the screen of all overlay components (Back Button, Button Bar, caption area).
Lastly, if I wanted to just use the Adobe AIR application to create the slideshow with my client, is there a way I can export the settings to be the text I would put into the pro settings section of the wp module?
If you create a gallery with JuiceboxBuilder-Pro, you can open the gallery's XML file in a plain text editor, copy the configuration options (the attributes to the opening <juiceboxgallery> tag) and paste them into the Pro Options text area of a WP-Juicebox gallery's settings window.
Please make sure that each configuration option is entered on a line of its own.
Also, please note that any Lite configuration options entered into the Pro Options text area will automatically be filtered out and the Lite values from the plugin's interface will be used instead.
Well spotted! I've corrected my post above. Thanks!
I'm hopeful that upgrading to WP-Juicebox v1.4.2.1 will solve the original posters problems.
Tweaking the imagePreloading config option is just something else to try to see if it makes any difference. Under normal circumstances, leaving imagePreloading at the default setting of PAGE should not slow down the initial loading of a gallery noticeably (and it should actually help to speed up navigation throughout images on the first thumbnail page).
It looks like you are using WP-Juicebox v1.4.2.0 and your images are sourced by NextGEN Gallery.
Please try upgrading to the latest version of WP-Juicebox (v1.4.2.1) which can be downloaded from the plugin's support page here.
Changes were made between v1.4.2.0 and v1.4.2.1 which should hopefully significantly speed up the loading of your NextGEN Gallery images.
You will not need to modify any of your galleries but you will need to ensure that you upgrade the Lite 'jbcore' folder within the plugin's files with your own 'Pro' version. (Instructions for upgrading WP-Juicebox to Juicebox-Pro can also be found on the plugin's support page.)
I do not know if this will solve the problem you report on expanding the gallery but you might like to try setting imagePreloading="NEXT" (in the Pro Options settings window) so that the browser preloads only one image at a time. (The default setting for imagePreloading is PAGE and this preloads all images on the current thumbnail page.)
The stripping of metadata from images resized by JuiceboxBuilder-Pro has been logged as an issue (but I do not know when it will be addressed).
First, Juicebox is stripping the ICC Profile from the image (it doesn't do this to unresized images).
When JuiceboxBuilder-Pro resizes images, it strips all metadata (EXIF, IPTC, ICC Profiles). If you need to retain metadata in your gallery's images, then the only option is to deselect the 'Resize Images' checkbox and allow JuiceboxBuilder-Pro to copy your original images across to the gallery's 'images' folder.
If you plan to use multi-size images and want to retain metadata, then you will need to create your own sets of images (in an imaging program such as Adobe Photoshop) and replace the ones generated by JuiceboxBuilder-Pro. If you are just creating one or two multi-size image galleries, this might be a possible workaround. As long as you allow JuiceboxBuilder-Pro to create multi-size images (and then replace them with your own images with the same filenames after the gallery has been created), then the smallImageURL and largeImageURL entries will be in place in the gallery's XML file and the functionality will still be there in the gallery.
Also, the resized images look soft.
Try increasing the quality of the images from the default value of 80 to something higher to see if this helps.
If you want more control over the images in your gallery than JuiceboxBuilder-Pro can provide, then you will have to create your images elsewhere and copy them into your gallery folder.
However, please post any suggestions you may have in the Feature Requests thread.
I cannot promise that your suggestions will be incorporated into future versions of Juicebox but it is certainly the best place to post ideas such as these.
Unfortunately, your web page is rather complex (loading 7 external CSS stylesheets and 17 external JavaScript files) so some trial and error may be required to track down the source of the problem.
Here are a few things to check/try:
First of all, try viewing your web page in both Chrome and Mobile Safari on your iPad to see if the problem happens in both browsers (or just in one of them).
Next, try changing your gallery's height to a fixed pixel value (rather than a percentage) to see if this helps.
Then, try loading jQuery v1.11.1 instead of v2.1.1 into your web page. It should not make a difference but it might be worth trying to see if it does.
If none of the above point towards a solution, then, as the problem may be a CSS or JavaScript conflict, try temporarily removing the external CSS and JavaScript files from your web page (one by one) until the problem no longer exists and a conflicting JavaScript (or CSS) file is found.
If you find a conflicting CSS or JavaScript file, please let me know what it is so that we can investigate further.
However, the thumbnails are still present on mobile devices even though I have unchecked all options for them to show up.
It looks like the emulator website you are using may not be giving a true representation of your web pages in the selected devices.
Are you using their Basic or Advanced emulation?
According to their own website, "Advanced emulation allows you to see your websites
like they are rendered in mobile devices.". This suggests that their Basic emulation does not.
It looks like all their Basic emulation is doing is resizing the gallery to the selected device's screen size. However, because this is all it is doing, Juicebox is not detecting the selected device or its actual browser window size so it is not switching to Small Screen Mode (and the gallery is always being displayed in Large Screen Mode).
Try using their Advanced emulation or, if you are already doing so, try a different emulator such as Manymo which may give more accurate results.
On my Galaxy S4 the thumbnails are NOT there
I have viewed your gallery on an iOS device and also do not see thumbnails so it looks like your gallery is working as expected (just not in your chosen emulator website).
but the gallery is set VERY LOW in the window on both portrait and landscape view.
It looks like the problem may be your iframe's fixed height of 900px. You may need to reduce this in order for your gallery to take up less height on your web page in mobile devices.
Also, your iframe has a height="900px" attribute. This should be just height="900" (although I would recommend that you try reducing the value). The 'px' suffix should be used only if setting the height via CSS.
The Embedding in a Web Template Site support section has now been updated (with instructions for determining the URL to load into the iframe) for the new Google Drive.
The Embedding in a Web Template Site support section has now been updated (with instructions for determining the URL to load into the iframe) for the new Google Drive.
The Embedding in a Web Template Site support section has now been updated (with instructions for determining the URL to load into the iframe) for the new Google Drive.
The 'Go Back' rollover tooltip text you refer to (which is displayed only when the user hovers over the Back Button) can be changed via the languageList configuration option.
More details on the languageList option can be found here.
This configuration option is not found in JuiceboxBuilder-Pro but you can add it to a gallery by opening the 'config.xml' file in a plain text editor and adding the option as an attribute to the opening <juiceboxgallery> tag.
To change the 'Go Back' text to 'Home', use the following:
languageList="Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Images|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Home|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of"The opening <juiceboxgallery> tag in your 'config.xml' file might look something like this:
<juiceboxgallery
galleryTitle="Juicebox-Pro Gallery"
languageList="Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Images|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Home|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of"
>No problem. Glad it was an easy fix!
A Juicebox gallery can be expanded full-browser or fullscreen (by setting useFullscreenExpand="TRUE").
If you want to disable the Expand Button, then set showExpandButton="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> Lite') section.
If you want to disable the entire Button Bar, then set buttonBarPosition="NONE" (in JuiceboxBuilder-Pro's 'Button Bar' section).
After making any changes, please be sure to clear your browser's cache before reloading your gallery to ensure that your browser is fetching and using the most recent versions of your gallery files.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.
Your WordPress site looks to be hosted on whistle4democracycom.fatcow.com and all the paths within your web page use this domain.
However, the link you posted is to a different domain (whistle4democracy.org).
All gallery files must be hosted on the same domain or subdomain as the HTML page containing the gallery's JavaScript embedding code. This is due to the same-origin policy.
The gallery does not work for casual visitors to the site, unless they click on the category button at the bottom.
You should notice that clicking on the 'Uncategorized' button at the bottom reloads the page using the actual WordPress domain (whistle4democracycom.fatcow.com) which is the same as the domain used in the gallery's embedding code (which is why the gallery loads OK in this instance).
Possible solutions would be to try one of the following:
(1) Change your WordPress Address (URL) and/or Site Address (URL) in your WordPress settings ('Dashboard -> Settings -> General') to http://www.whistle4democracy.org
(2) Implement a Cross-Origin Resource Sharing (CORS) solution by adding the following line of code to the .htaccess file in the root directory of the domain which currently hosts your gallery (whistle4democracycom.fatcow.com).
Header add Access-Control-Allow-Origin "*"Also I am thinking of buying ShowKase. Will it work on FatCow and will it improve my user experience?
If you would like to check whether your web server has all the features that Showkase needs, then please install and run the Showkase Server Compatibility Test .
If any of the tests fail, there are troubleshooting tips on the test's support page which may help.
Showkase has full support for Juicebox-Pro and the galleries could be created (and edited) from within the Showkase interface with no need for any manual coding at all.
If you would like to see what can be done with Showkase, please see the demo sites created with Showkase here.
You can dynamically create an XML file on-the-fly (at the time the gallery is displayed rather than at the time the gallery is created) using a server-side scripting language such as PHP.
You could use a configUrl within your gallery's embedding code to point towards a PHP file (using a query string to pass any required parameters) and the PHP file would output data in the form of a gallery's XML file.
Please see this forum post to see how this could be achieved.
I still cannot view your gallery. The latest link you posted also results in an error 404 (forbidden).
If your gallery sets screenMode="AUTO" or does not explicitly set screenMode (in which case the default value of 'AUTO' will be used) and your gallery is embedded in a web page (rather than just displayed on a web page of its own), then the Splash Page will be displayed by default. Try setting either showSplashPage="NEVER" or screenMode="LARGE" in your gallery to see if this makes a difference.
Otherwise, in order to troubleshoot further, I would need to see your gallery so please check your gallery files and permissions.
Thank you for providing the URL to your gallery.
Your purchaseURL contains reserved characters which are currently breaking the syntax of the XML file and need to be escaped. Please see this web page for further details.
Change all & characters in the query string part of your purchaseURL (after the ? character) to & as follows:
purchaseURL="http://www.amazon.in/dp/B00NEFFWF6?pf_rd_p=528846107&pf_rd_s=center-1&pf_rd_t=1401&pf_rd_i=1000826923&pf_rd_m=A1VBAL9TL5WCBF&pf_rd_r=1RQNS2D5ZXCG30PE45M5"... to:
purchaseURL="http://www.amazon.in/dp/B00NEFFWF6?pf_rd_p=528846107&pf_rd_s=center-1&pf_rd_t=1401&pf_rd_i=1000826923&pf_rd_m=A1VBAL9TL5WCBF&pf_rd_r=1RQNS2D5ZXCG30PE45M5"Perhaps the easiest thing to do would be to set up a Juicebox gallery using a Flickr account as the source of images.
The user could then simply upload new images to the Flickr account and they would automatically be included in the Juicebox gallery (without the need to modify any gallery files).
For reference, a list of all Flickr configuration options can be found on the Config Options page (in the Lite and Flickr sections).
Please note that the configuration options in the Flickr section are Pro only and not available in Juicebox-Lite.
It would also be possible to use a PHP script to instruct Juicebox to dynamically display all images in a designated folder.
Please see this forum post for details on how this could be achieved.
Both these methods work equally well with Juicebox-Lite and Juicebox-Pro so you could try them out with Juicebox-Lite (the free version) before purchasing Juicebox-Pro.
Juicebox-Lite can be downloaded from this web page.
It sounds like there may be a syntax error somewhere within your gallery's XML file.
The code you posted looks OK and I have tried it in a test gallery of my own and the gallery displays and functions fine so the error may lie elsewhere.
Try opening your gallery's XML file directly in your browser to see if the browser gives you any indication as to what might be wrong with it.
Otherwise, please post the URL to your gallery so that I can take a look and investigate further.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.