You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Now it opens one huge image and no thumbs with a "view gallery" link at the bottom.
What you are describing is Small Screen Mode. (You may have seen this in your browser if the browser's own zoom setting was very high.)
For more information about Screen Modes, please see here.
Actually there is just a small problem left when selecting/clicking the popup with the related slideshow during the initial loading/refreshing of the the main gallery page. The when loading is finished the slideshow starts but the popup window is blocked and is not closing up anymore.
I am not sure which test you are referring to on your web page but make sure that the z-index value of the close button on your pop-up window is high enough (try a very high value such as 99999) to be stacked on top of all gallery components.
There was the fact that i couldn´t make two slide shows work with BaseUrl method within one page.
It is possible to embed an unlimited number of galleries into a single web page using the baseUrl method.
Just make sure that each gallery is in its own folder, than you load the 'juicebox.js' file only once per page (not once per gallery) and that the baseUrl paths (the paths to the gallery folders) are correct.
The other thing i don´t understand is so far the dimensioning and positioning of the slide show for baseURL.
The dimensions of the gallery are determined by the galleryWidth and galleryHeight parameters within the embedding code. (If these values are expressed as percentages, then the gallery's actual size will be the specified percentage of the gallery's parent container.)
The position of the gallery is entirely dependent on where you place the containerId div (<div id="juicebox-container"></div>) on your web page.
What I said was that I'm questioning whether the XML that's being generated is correct for versions of Juicebox higher than 1.2 (which is why I included the text).
The required format of a gallery's XML file has not changed between v1.2 and the current version (v1.4.2).
There's nothing for you to see, because it works flawlessly under v1.2.
I would really need to see the gallery that does not work. I may or may not be able to determine the cause of the problem but without seeing the gallery in question, I can only guess at probably causes and from what you say, there does not seems to be any. Unfortunately, I cannot think of any reason why a gallery would work with the v1.2 'juicebox.js' file but not with the v1.4.2 version.
OK, I've set up a test page to demonstrate the problem. If you email me, I'll send you the URLs. I have two versions of the same page, where the only difference is the version of the juicebox.js file that they point to. One works, the other doesn't.
Thank you. Hopefully I will be able to figure out what is causing your problem.
Please check your email. I have sent you a message.
As I mentioned earlier, Juicebox v1.4.2 is certainly able to use a PHP file to dynamically generate XML data for a gallery.
In fact, WP-Juicebox (the Juicebox plugin for WordPress) does this and works fine with Juicebox v1.4.2.
In order to investigate further, I would really need to see your gallery live on your web server so please post the URL to your gallery or let me know if you would rather that I contact you via email so that you can email me the URL to your gallery instead.
Juicebox v1.4.2 can use a PHP file as a configURL (just like earlier versions).
The "Juicebox Error: Config XML file not found." message suggests that either:
(1) Your 'juicebox_config.php' file cannot be found on your web server.
(2) The the format of the XML data generated by your PHP file is incorrect.
(3) The web page containing the embedding code is on a different domain to that specified in the absolute path in your configURL. (If this is the case, try using relative paths instead of absolute paths in your gallery's embedding code.)
It would certainly be easier to troubleshoot your scenario if I could see the problem for myself so if you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look and help further.
I meant for you to try loading Google into an iframe (in a similar manner to how you are currently loading your Juicebox gallery) rather than just display 'http://www.google.com/' on your web page as plain text to see if the problem occurs with any content in an iframe and not just with a Juicebox gallery (to determine whether or not the problem is directly related to Juicebox or the iframe).
Try replacing:
http://www.google.com/... with:
<iframe src="http://www.google.com/" style="border:0px #FFFFFF none;" name="SimpleViewer" scrolling="auto" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%"></iframe>... to see what happens.
No matter what happens with the test above, a possible solution should be to just embed your gallery directly into your web page (using the baseUrl method of embedding) rather than using an iframe.
Try replacing:
<iframe src="index_htm_files/JUC01test/index.html" style="border:0px #FFFFFF none;" name="SimpleViewer" scrolling="auto" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%"></iframe>... with:
<!--START JUICEBOX EMBED-->
<script src="index_htm_files/JUC01test/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'index_htm_files/JUC01test/',
containerId : 'juicebox-container',
galleryWidth : '540',
galleryHeight : '291',
backgroundColor: '#222222'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->If this still does not work, then you may need to delay the loading of your Juicebox gallery until the container into which your gallery is embedded is visible on your web page. You could put the embedding code into a JavaScript function and run it when your icon is clicked, using code such as the following:
<!--START JUICEBOX EMBED-->
<script src="index_htm_files/JUC01test/jbcore/juicebox.js"></script>
<script>
function loadGallery() {
new juicebox({
baseUrl: 'index_htm_files/JUC01test/',
containerId: 'juicebox-container',
galleryWidth: '540',
galleryHeight: '291',
backgroundColor: '#222222'
});
}
</script>
<div id="juicebox-container"></div>
<a href="#" onclick="javascript: loadGallery(); return false;">Click here to load gallery.</a>
<!--END JUICEBOX EMBED-->There should still be a space between the closing " of the class attribute and the start of the style attribute.
<div class="xr_noreset"style="position: absolute; left: 62px; top: 489px; width: 812px; height: 425px;">... should be:
<div class="xr_noreset" style="position: absolute; left: 62px; top: 489px; width: 812px; height: 425px;">... although my own tests indicate that this will probably not solve your problem.
Different behavior in different browsers can often be attributed to HTML errors on a web page. (Different browsers handle errors differently.)
Try fixing all the HTML errors on your web page. There are not many but the ones that exist may be non-trivial.
There are a couple of "Opening and ending tag mismatch" errors (for a </div> tag and the </body>).
You can check the code on your web page with the W3C Markup Validation Service and then fix the errors reported. Once the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers. This may help but even if it does not, we can then eliminate HTML errors as being a contributing factor to your problem (and having valid code on your web page would be advisable anyway).
Try loading a different web page (other than your gallery) into your iframe (such as http://www.google.com/) to determine whether or not your problem is directly related to Juicebox or is with the code on your embedding page which displays the iframe on demand. If you find the same problem is still happening when you take Juicebox out of the equation, then if you use a third-party solution to display the iframe on demand, try checking in with their own support to see if they have had any other users experience problems with recent versions of Firefox.
Another thing to try would be to set your gallery's dimensions (in the embedding code on your http://www.yachting-society.com/index_h … index.html page) to be the same as your iframe's dimensions.
Try changing:
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: 'juicebox-container',
galleryWidth: '100%',
galleryHeight: '100%',
backgroundColor: '#222222'
});
</script>... to:
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: 'juicebox-container',
galleryWidth: '500',
galleryHeight: '350',
backgroundColor: '#222222'
});
</script>Hopefully one of the suggestions above will help or at least point you in the right direction towards a solution.
now it works fine ...
That's great!
But there is still a little bug: the thumb no 9, 13, and 23 is not correctely focussed like all other thrumbs ...
Images #9, #13 and #23 have a different aspect ratio to the other images in your gallery. They are very long and thin. Image #9, for example, has dimensions of 275 x 768. If you compare the thumbnail for image #9 with its corresponding main image, you will notice that the entire width of the main image is displayed within the width of the thumbnail. However, to create a thumbnail with the dimensions you use, the only way to do so (to get a square from a rectangle) is for JuiceboxBuilder-Pro to crop the top and bottom of the image.
JuiceboxBuilder-Pro does not allow you to position the focus of the crop (it is always the centre of the image) but you could create your own thumbnail images if you like (in an imaging program such as Adobe Photoshop) and replace any existing ones in your gallery's 'thumbs' folder.
Thank you for sharing your findings and solution.
I have notified the developers of this issue (galleries created on Windows PCs cannot be opened on Macs) and they will certainly investigate further. If they can replicate the problem, then hopefully they will be able to fix it for a future version.
Please see this FAQ which seems to be relevant to your problem:
My images show locally, but not when I upload them to my website. Why?
Also, try opening one of your gallery's images from your web server directly in your browser to see if it displays OK (taking Juicebox out of the equation). If it does not display OK, then check the permissions of the 'images' and 'thumbs' folders and the image and thumbnail files themselves on your web server to make sure that they are not too restrictive and can be read by the browser. Default permissions of 755 for folders and 644 for files should be fine.
If you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look and help further. (http://ligthtstuff/bsci is an incomplete web address.)
I also do not understand what is the reason for the get embed code on the publish page ...
This is the code that you would use if you wanted to embed the gallery into an existing web page alongside other content, following the instructions here (see Step #3).
If you just want to display the gallery on its own web page, then you can use the gallery's 'index.html' file (generated by JuiceboxBuilder) and you do not need to use the embedding code from the 'Publish' tab.
The div that your iframe is in has a misplaced double quote character (to close the class attribute). This might be preventing the browser from rendering the gallery's parent container as expected.
Try changing line 141 of your http://www.yachting-society.com/blog.htm page from:
<div class="xr_noreset "style="position: absolute; left: 62px; top: 489px; width: 812px; height: 425px;">... to:
<div class="xr_noreset" style="position: absolute; left: 62px; top: 489px; width: 812px; height: 425px;">Also, the iframe itself has an attribute align=aus. The align attribute should have a value of "top", "middle", "bottom", "left" or "right" and the value should be surrounded by quotes.
If this does not help, then try giving your iframe a fixed height (for example 800px) rather than a height of 100% to see if this makes a difference.
I really cannot think of anything else which you could try.
It seems very strange that JuiceboxBuilder-Pro cannot open a gallery on your Mac which I can open fine on my own PC.
If I think of anything else which might help, I will be sure to post back.
If you plan to rebuild your gallery, you should hopefully at least be able to load your existing gallery's XML file as a preset ('Presets -> Load Preset...' from the drop-down menu at the top) to save you from having to set all the configuration options individually.
Just add the images to your new gallery and then go to 'Presets -> Load Preset...' and navigate towards your existing gallery's 'config.xml' file. All the configuration options from your existing gallery should be applied to your new gallery in a single action.
OK, thank you for the additional information.
As I am unable to see or replicate the problem myself, I have notified the developers who will certainly investigate this further.
With Juicebox-Pro, you would be able to create the gallery from your image but not the rest of the page. Juicebox-Pro is an image viewer/web gallery and not a complete web design package. You would need to somehow create the web page (either manually or using web design software) and then embed your Juicebox gallery in it following the instructions here.
Showkase, on the other hand, is able to create a complete portfolio website.
Showkase has full support for Juicebox-Pro (and SimpleViewer-Pro) and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder-Pro and imported).
Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
It may not be possible to exactly replicate the web page from your image using Showkase but you would certainly be able to include most of the features (using a logo in your site's header, having a menu for users to navigate throughout your site, contact details, etc).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.
Please take a look at our demo Showkase sites to see what can be achieved with Showkase.
Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro).
(The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.)
I hope this information helps.
Unfortunately, I do not know what is preventing JuiceboxBuilder-Pro from opening your galleries but it does not appear to be the galleries themselves (as I have been able to open one of your galleries successfully myself) so the problem seems to be with your particular setup/system.
Please double-check that any security software you might have installed is not somehow interfering with JuiceboxBuilder-Pro. Make an exception for JuiceboxBuilder-Pro in your security software if necessary.
Also, as the problem seems to be with galleries which were created on a Windows PC, try opening the gallery's XML file and re-saving it (without actually making any changes) in a plain text editor on your Mac before trying to open the gallery in JuiceboxBuilder-Pro.
It is a long shot but it should be quick and easy to do and might be worth trying, just in case there are some hidden control characters within the file which Windows is happy with but your Mac is not.
There are a couple of things that might be causing your problem.
(1) Your web page does not have 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>(2) As your gallery's height is expressed as a percentage, please see this note for Using Percentage Heights. Essentially, make sure that all parent containers of your gallery have heights explicitly expressed via CSS.
Alternatively, try taking your gallery out of the table on your web page (as the gallery is the only element in the table) and position your gallery on your web page using CSS instead.
I'm glad that re-installing the plugin from scratch has solved your problem.
Thank you for posting back to let me know.
I tried unzipping locally and uploading all the files but that still caused the same error.
That should work fine. Check your FTP program to see if it is uploading all files as either ASCII or Binary. If it has an Auto option (to check each file individually before upload to automatically determine the most appropriate transfer mode for that particular file), then use that.
Unfortunately, there is currently a known bug (which should hopefully be fixed in the next version of Juicebox) whereby the value of the expandInNewPage configuration option can change the scale of the embedding page. This may be the cause of your problem.
If your gallery currently sets expandInNewPage="TRUE", then try setting expandInNewPage="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section). Conversely, if your gallery currently sets expandInNewPage="FALSE", then try setting expandInNewPage="TRUE".
(Alternatively, try setting expandInNewPage="AUTO" if "TRUE" or "FALSE" do not work.)
Hopefully this will help, although if v1.4.0 works fine for you just now, you may wish to continue using it until the next version (with the fix for this problem) is released.
If this does not help, then, in order to investigate further, I would really need to see the problem for myself so please post back with the URL to your gallery so that I can take a look for myself. Thank you.
Use the following configuration options to layout your gallery as closely as possible to the gallery in your image.
thumbsPosition="LEFT"
maxThumbColumns="3"
maxThumbRows="5"
thumbNavPosition="BOTTOM"If you want the gallery to look this way on mobile devices as well as in desktop browsers, then you will also need to set:
screenMode="LARGE"... to force the gallery to be displayed in Large Screen Mode. Small Screen Mode, which would normally be used to display the gallery on mobile and small screen devices, does not display the main image and thumbnails on the same page.
For more information about Screen Modes, please see here.
The thumbnail configuration options listed above can be found in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section and the Screen Mode configuration option can be found in the 'Customize -> General' section.
For reference, a complete list of configuration options can be found here.
So I uploaded version 1.4.2 onto my WP site (having first renamed the old version in the plugins directory), but it doesn't seem to work.
This may cause problems as, even though the plugin folders are named differently, you will essentially have two plugins with the same name. Try temporarily moving one version of your WP-Juicebox plugin outside your 'wp-content/plugins' directory.
When I try to activate it I get the following error message
"The plugin generated 2 characters of unexpected output during activation. If you notice “headers already sent” messages, problems with syndication feeds or other issues, try deactivating or removing this plugin."
This sounds like the 'wp-juicebox/wp-juicebox.php' file may have been modified or has somehow become corrupt or incomplete.
Try reinstalling WP-Juicebox from scratch.
(1) Download WP-Juicebox from the link on this web page.
(2) Delete all WP-Juicebox folders from your 'plugins' directory. (Make a backup copy of them first before deleting them.)
(3) Install WP-Juicebox following the instructions on the page linked to in (1) above.
and then when I go onto a page with a gallery, I get a grey box appears with the error message "Juicebox Error: Config XML file not found"
If, after reinstalling the plugin, you still see this error message, please post the URL to the web page which displays this message so that I can see the problem for myself and help further.
WP-Juicebox handles all paths automatically and, under normal circumstances, this message should not be displayed.
One possible reason for this message being displayed in a WP-Juicebox gallery would be if the 'wp-juicebox/config.php' file was missing (or had permissions which were too restrictive). If this were the case, then reinstalling the plugin should solve this problem, too.
Thank you for providing the link to your gallery.
I have viewed your gallery in Chrome 36.0, Firefox 31.0, Internet Explorer 11, Opera 23.0 and Safari 5.1.7 (PC) and do not see the problem you report.
So far, we know that the problem happens in Safari on Mac. Do you see the problem in other WebKit browsers on your Mac: Chrome and/or Opera?
Also, you have narrowed the problem down to the use of imageTransitionType="CROSS_FADE".
First of all, try using just imageTransitionType="CROSS_FADE" as the only option in your gallery's XML file to see if this, by itself, is enough to cause the problem.
If the problem does not happen when using only imageTransitionType="CROSS_FADE", then try to narrow the problem down further by reducing the number of configuration options in your gallery's XML file until the problem no longer exists. (Try changing the values of imageTransitionTime and displayTime before removing any options to see if this makes a difference.)
Unfortunately, as I am unable to see the problem in your gallery and cannot replicate the issue in a test gallery of my own, I am unable to try the suggestions above myself so I would appreciate your help in tracking down this issue as far as possible.
Thank you.
Replacing 'jbcore' folder did not solve the problem.
Thank you for trying. It was worth a shot. As unlikely as it sounds, it worked for a different user who was experiencing a similar problem to your own (which is why I suggested it).
Thank you for providing your zipped gallery.
I can open it in JuiceboxBuilder-Pro v1.4.2 without any problem so there certainly does not seem to be a problem with the gallery files themselves.
Please check the permissions on the gallery files on your Mac to see if this might be the cause of your problem.
Also, make sure that you are not trying to open the gallery folder from a restricted file system or network drive. Try copying your gallery folder to a different location on your hard drive (such as your desktop) before trying to open it to see if this helps.
There is currently a known bug whereby elements which have explicitly been assigned a CSS position are not covered by the fullscreen gallery (they should be). This bug should hopefully be fixed in a future version of Juicebox.
It sounds like this might be the cause of your problem. Please try one of the two following suggestions:
(1) Set useFullscreenExpand="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Lite' section).
... or:
(2) Set expandInNewPage="TRUE" in (in JuiceboxBuilder-Pro's 'Customize -> General' section). When the gallery is expanded, it will be displayed on a page of its own rather than on top of the embedding page.
Hopefully one (or both) of these suggestions will be a suitable solution to your problem until the bug is fixed.
Is your problem that the 'Open Gallery...' button is completely ineffective (nothing happens when you click it) or that you are able to select the gallery folder but the gallery does not open when clicking 'Select Folder'?
If it is the second of these two scenarios, then try replacing the 'jbcore' folder in your gallery folder with a fresh copy of the 'jbcore' folder from the Juicebox-Pro downlaod zip package ('juicebox_pro_1.4.2/web/jbcore/') before trying to open the gallery.
If this still does not work, then, if possible, please zip the gallery, upload it somewhere and provide a download link so that I can try to open the gallery and replicate the problem for myself.
Here are a few things to check/try:
If you have your gallery embedded in a web page alongside other content, then try viewing the gallery on a web page of its own (by opening the gallery's 'index.html' page in a browser) to see if this makes a difference. If the gallery works as expected on its own web page, then there maybe a CSS or JavaScript conflict with some code on your embedding page which is contributing to your problem.
Check to see if the problem occurs in all browsers (Chrome, Firefox, Internet Explorer, Opera, Safari) or just one.
Try changing the value of the imagePreloading configuration option (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) to see if this helps.
If you continue to experience difficulties, then please post the URL to your gallery so that I can take a look for myself and help further.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.