You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 167 of 235)
The code that you posted is part of the code generated by Juicebox dynamically when the gallery is displayed.
(It is generated by the 'juicebox.js' JavaScript file.)
The code that you posted is not the SEO code which is produced when selecting the 'Add SEO Content' checkbox.
The SEO code can be found by opening the gallery's 'index.html' file in a plain text editor. It will look something like this:
<noscript>
<!-- Image gallery content for non-javascript devices -->
<h1>Gallery Title</h1>
<p>Gallery Description</p>
<p><img src="images/IMG_0678.JPG" title="title #1" alt="caption #1"/><br>title #1 caption #1</p>
<p><img src="images/IMG_0712.JPG" title="title #2" alt="caption #2"/><br>title #2 caption #2</p>
<p><img src="images/IMG_0992.JPG" title="title #3" alt="caption #3"/><br>title #3 caption #3</p>
</noscript>
The img tags in the SEO code contain alt attributes populated by the image captions.
But the same code works well for other browsers including fetching the images from Flickr's servers. that looks confusing...
The problem is certainly strange and I do not know the exact cause.
However, as I mentioned above, if the code on your web page validates correctly and your gallery uses the most recent version of Juicebox, then we can at least rule out HTML errors and previous Juicebox bugs as possible causes.
Meantime, does a picture size make a difference for this issue?
This should not make a difference. Large images will take longer to load but they should not cause a gallery to not display. The preloader (spinner logo) should be visible whilst an image is loading.
Can I place the galleries on Picasa to see if it makes a difference?
You could certainly try. (The more information we have, the better.)
I suggested using local galleries rather than Flickr in order to try to determine whether Flickr was a contributing factor in the problem.
When selecting 'Add SEO Content' in JuiceboxBuidler-Pro's 'Customize -> Sharing' section, alt attributes are included in the SEO code's img tags (in the gallery's 'index.html' page) and they are populated by the image captions. Make sure that your image captions (on the 'Images' tab) are not empty.
Try checking your web page's code with the W3C Markup Validation service and fix any HTML errors reported.
Also, try upgrading your galleries to the latest version of Juicebox (v1.3.3).
Instructions on how to get the latest version and how to uphgrade existing galleries can be found on the Upgrading Juicebox support page.
The above suggestions may or may not help but if any HTML errors are fixed and your galleries use the current version of Juicebox, then we can eliminate these factors from the problem.
The problem may be related to the browser timing out whilst fetching the images from Flickr's servers. As a test, you could try loading local galleries (with images stored on your web server and listed in the gallery XML files) to see if this makes a difference.
Thank you for reporting this. It should be fixed in the next version of Juicebox.
There is no set release date for the next version but if you would like to be notified when it is released, please sign up to our mailing list (at the foot of our home page) or follow us on Twitter @JuiceboxGallery.
Great!
Thank you for posting back to let me know.
The problem you encounter is likely to be caused by an incorrect path within your gallery's embedding code.
Please see this FAQ:
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?
If the information contained within the FAQ does not help, then please post the URL to your gallery so that I can take a look and help further.
(I tried using the URL from within your screenshot but received an 'Access denied' message.)
that thingy with the seven icons in the upper right
That's the Button Bar.
would disappear if you moved the mouse to, say, the taskbar...
No. If showInfoButton="TRUE", the Button Bar is always visible (whether the user hovers over the gallery or mouses-out).
That's a long sentence, but does it make my comment any clearer?
Yes, thanks. The gallery is behaving as designed (though perhaps not as you expected).
The Juicebox-Lite and Juicebox-Pro downloads are not modules for Drupal (and you cannot simply upload the contents of a gallery folder to your Drupal 'modules' directory).
Try using the dedicated Juicebox module for Drupal which can be downloaded from this web page.
To upgrade the module to Juicebox-Pro, use the 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.3.3/web/jbcore/') in Step #3 of the Installation instructions on this web page.
Please note that web did not write the module ourselves and support for the module should be directed towards the Drupal forums where the author of the module should be able to help you further.
Alternatively, you could manually embed a Juicebox gallery in a Drupal page by following the 'Embedding in a Drupal Site' instructions here. If using this technique, it does not matter where on your web server 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 ) are correct.
Do I need adobe AIR for instaling it on my website?
You need Adobe AIR (installed on your computer) only if you want to use JuiceboxBuilder-Pro to create a gallery on your computer before uploading it to your website. (Take a look at the Getting Started guide.)
As you are using Drupal, you might like to use the Juicebox module for Drupal which can be downloaded from this web page.
To upgrade the module to Juicebox-Pro, use the 'jbcore' folder from the Juicebox-Pro download zip package ('juicebox_pro_1.3.3/web/jbcore/') in Step #3 of the Installation instructions on this web page.
when you click the Info "off" on galleries that have the button shown, the navigation overlay is still visible if the mouse is moved off screen.
This should not be the case.
In this gallery of yours (http://www.billanddot.com/burgman/), if 'Info' is OFF and you mouse-out, only the thumbnail navigation buttons (not on the image overlay) and the Button Bar remain visible. (The entire Button Bar will always remain visible when showInfoButton="TRUE".)
Do you have a test gallery which demonstrates the behavior you describe? I'll gladly take a look.
The 'readme.html' file within the Juicebox-Pro zip download package is a standard HTML file which can be opened in any web browser.
If you have .html files associated with your system's default browser, you should be able to just double-click the file to open it.
Otherwise, you can drag and drop the file into an open browser widow.
You could also go to 'File -> Open File...' from your browser's toolbar and navigate towards the 'readme.html' file on your system.
Your main web page does not have a Doctype Declaration.
Try using the HTML 5 Doctype by putting the following code at the very top of your web page:
Please see this FAQ for more information:
My gallery looks strange in Internet Explorer 9. Why?
Hopefully, this will fix your problem.
If not, then the next thing to do would be to check the code on your web page for HTML errors.
You can validate the code on your web page using the W3C Markup Validation Service and then fix any errors reported.
Yes. You can add the code to the plugin's 'wp-juicebox/jbcore/classic/theme.css' file.
(Open the file in a plain text editor and copy and paste the code to the end of the file.)
When showInfoButton="TRUE", the default behaviour controlling the overlay visibility is disabled and the overlay (except for the Button Bar itself) can be toggled on and off only by clicking on the Info Button.
(This is noted in the description for showInfoButton in the Button Bar Options section of the Config Options page.)
I hope this explains the behavior you have described.
I'm glad you have been able to resolve your problem.
Thank you for posting back to let me know.
Your editor is automatically inserting CDATA tags within your <script> tags but this is unlikely to be the cause of your problem.
(If you have the option of being able to enter raw HTML code and not have it altered by the editor, choose that.)
In the code you posted in your first post, there should be a comma after the baseUrl line.
All your files look to be in the correct locations and the permissions seem to be OK so the problem is likely to be with your embedding code. If the suggestions above do not help, please post the URL to the web page into which you are trying to embed your gallery so that I can take a look and help further.
This FAQ may also help:
When I view my gallery, I see a blank area. Why?
The vertical splitters separate different groups of buttons (such as navigation buttons and social sharing buttons) on the Button Bar.
There are no configuration options which would allow you to remove the splitters but you could remove them completely by using the following CSS in your gallery's 'index.html' page:
<style type="text/css">
.jb-bb-splitter {
border-width: 0px;
}
</style>
However, this may have an unwanted side effect, for example when wrapping the Button Bar on screens of limited width, where Juicebox will not be able to accurately calculate the width of the Button Bar. (It would expect the splitters to be there.)
Therefore, it may be safer to hide (rather than remove) the splitters by using the following CSS:
<style type="text/css">
.jb-bb-splitter {
border-color: transparent !important;
}
</style>
The splitters are usually only 1px wide each so hiding them should not make much of a visible difference in your gallery.
All gallery files must be located on the same domain (or subdomain) as the HTML document containing the gallery's JavaScript embedding code due to the same-origin policy.
It is not possible to have paths in your gallery's embedding code with one domain but to then try to view the gallery using a URL with a different domain.
Try using paths in your gallery's embedding code which do not hard-code a domain name. (Use a leading slash to denote the root directory of whatever domain is typed into the browser's address bar).
<script type="text/javascript" src="/architektur/pages/architecture/jbcore/juicebox.js"></script>
baseURL: "/architektur/pages/architecture/",
@georg_m
After selecting multiple images on the 'Images' tab (by using Ctrl+Click or Shift+Click), go to 'Images -> Delete' from the drop-down menu at the top (or press 'Ctrl+D') to delete the selection.
The quality setting will be used only if JuiceboxBuilder-Pro resizes the source images to create the images for the gallery.
This will happen only if the 'Resize Images' checkbox (on the 'Images' tab) is selected and the source images are larger than the resize dimensions. (Otherwise, the source images will simply be copied across to the gallery's 'images' folder and the quality setting will have no effect.)
I am glad you have been able to resolve your problem.
Thank you for posting back to let me know.
As Shopify is not a regular web host which provides web space which you can upload files and folders (such as a Juicebox gallery) to via FTP (please see this Shopify FAQ for details), you will need to host your gallery elsewhere and embed it into your Shopify page using an iframe.
This can be done by following the Embedding in a Web Template Site instructions.
Try using the embedding code I posted above (in this post), without 'public-html' in the paths.
If this does not work, try the following:
<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/~davidfreemanphotography.co.uk/Galleries/TestGallery/jbcore/juicebox.js"></script>
<script type="text/javascript">
new juicebox({
containerId : "juicebox-container",
galleryWidth: "700",
galleryHeight: "750",
backgroundColor: "rgba(0,0,0,1)",
baseUrl: '/~davidfreemanphotography.co.uk/Galleries/TestGallery/'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
The 'public_html' folder on your web server is the folder that you upload files and folders to for them to be publicly accessible on the internet but the 'public_html' folder itself does not form part of any URL.
For example, if your web domain name is www.example.com and you upload a file named 'main.html' to your 'public_html' folder, then it would be publicly accessible at www.example.com/main.html.
Try the following instead.
(You also need a comma after your backgroundColor entry and your closing }); is in the wrong place.)
<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/Galleries/TestGallery/jbcore/juicebox.js"></script>
<script type="text/javascript">
new juicebox({
containerId : "juicebox-container",
galleryWidth: "700",
galleryHeight: "750",
backgroundColor: "rgba(0,0,0,1)",
baseUrl: '/Galleries/TestGallery/'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.
Posts found: 4,151 to 4,175 of 5,855