You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 214 of 233)
Differences in how your web page is rendered in different browsers can often be attributed to HTML errors on the page.
Try validating your web page with the W3C Markup Validation Service and fix the errors reported.
You can also check the CSS on your page with the W3C CSS Validation Service.
Once your web page validates, it should be rendered with greater predictability and consistency across different browsers.
There does not look to be many errors on the page (and most seem trivial) but there is a stray </script> tag.
If the problem still occurs after fixing the errors, then at least we can eliminate the HTML errors a being a possible cause.
Also, try clearing your browser's cache before reloading the gallery.
For the record, your navigation menu functions correctly when I view your web page on my iPod Touch 4.
In the style declaration that comes from JB in the gallery, it outputs the following (at least for mine):
<img class="jb-thm-thumb-image" src="http://url.com/image.jpg" style="display:block;position:absolute;padding:0;left:0px;top:0px;width:autopx;height:autopx;">
I do not see this in my own Juicebox-Pro v1.1.1 galleries.
I know you have said you are using 'the current JuiceBox build' but could you please confirm that your gallery is, indeed, a Juicebox-Pro v1.1.1 gallery? It might also help to know which gallery settings you use.
Could you please post a URL to your own gallery which shows this so that I can take a look and investigate further? Thank you.
Try giving your navigation menu <div> a high z-index value (e.g. '9999') via CSS so that it is stacked on top of all the gallery elements on the page, e.g.:
<style type="text/css">
#CSSMenu1_container {
z-index: 9999;
}
</style>
I currently have the sv gallery installed in my admin area for my site
Are you referring to svManager? If so, the current version of svManager (v1.8.3) supports Juicebox galleries and you can upgrade svManager to use your Juicebox-Pro files by following the instructions here.
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 link has expired, please fill in this Upgrade Request Form to request a new download link.
I know very little html and I can create my galleries on my desktop using the juicebox desktop application but I have no idea how to get them to show up in my site.
The Juicebox Embedding Guide has instructions on how to embed a Juicebox gallery (created on your computer) into an existing web page alongside other content.
Try validating the code on your web page with the W3C Markup Validation Service and fix the errors reported.
Once the code on your web page validates, it should be rendered with greater predictability and consistency across different browsers.
Also, as your gallery's dimensions are defined using percentages, make sure that all the parent containers of your gallery have heights specified via CSS.
I am glad you have solved your problem. Thank you for posting back to let me know.
I expect Internet Explorer is displaying the mixed content security warning as a result of the URLs for the gallery's images being returned from the internal Flickr API search as 'http://' rather than 'https://'.
Unfortunately, I do not think there is a solution to this problem (other than disabling the warning message in the browser's settings or using local images listed in an XML file rather than Flickr).
This user in the Flickr forum seems to be experiencing the same problem with no sign of a solution: http://www.flickr.com/groups/api/discus … 610086610/
This meta 'description' can be removed by opening your gallery's 'index.html' in a plain text editor and removing the line:
<meta name="description" content="This is a Juicebox Gallery. Get yours at www.juicebox.net" />
Alternatively, you could change the 'content' to something more appropriate to your own web site.
Thank you for bringing this to our attention. I have notified the developers.
Thank you for providing the URL to your gallery.
Your gallery displays correctly when I view it in Mobile Safari on my iPod Touch (the gallery displays OK when I tap on the Splash Page and the 'Config XML file not found' message is not displayed) so it should also display correctly on your iPhone.
Try clearing your browser's cache before reloading the gallery to see if this makes a difference.
It may have something to do with your page's Doctype Declaration.
Your web page uses XHTML 1.0 Strict which does not allow the use of the <iframe> tag.
Try changing your web page's Doctype to XHTML 1.0 Transitional instead. This may make a difference.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Also, I notice when viewing your page in Firefox that your #content <div> (one of the parent containers of your <iframe>) has a very small height. Check that all parent containers of your <iframe> have a height set via CSS and that the height is appropriate.
Your gallery displays OK on my iPod Touch so should also display OK on your iPhone.
Try clearing your browser's cache before reloading your gallery.
If you want to have a page with a header, gallery and footer, please see the View Resizable Gallery with Top Menu Example in the Using a Resizable Gallery with a Header section of the Juicebox - Embedding Guide. The header and footer in the example both have fixed heights and the gallery takes up the remaining space in between them, no matter what the size of the user's browser window is. You can view the source of the page in a browser to see how this can be achieved.
If you actually want your header and footer to overlap the gallery, you can add code such as the following to your gallery's 'index.html' page:
<div id="header" style="width: 100%; height: 60px; background-color: #aabbcc; position: absolute; top: 0px; left: 0px; z-index: 9999;">Header content goes here</div>
<div id="footer" style="width: 100%; height: 25px; background-color: #aabbcc; position: absolute; bottom: 0px; left: 0px; z-index: 9999;">Footer content goes here</div>
The high 'z-index' values will ensure that the header and footer content are visible and stacked above the gallery layers but please bear in mind that, in doing so, the header and footer may obscure gallery elements (such as the Gallery Title) and controls (such as the Button Bar).
Not being able to right-click and 'Save Image As...' is likely to be due to all the layers that are stacked on top of the main image (obscuring it from the right-click menu) to make the gallery function as it does (i.e. the Caption Area, Navigation Button hit areas, Button Bar, Gallery Title, AutoPlay status messages). In order to prevent the main image from being obscured by other layers, the functionality of the elements which would normally be on these layers would have to be reduced. The gallery does have an 'Open Image...' button to allow the user direct access to the main image and my workaround above (using the caption to include a direct link to the main image) is easy to implement in JuiceboxBuilder.
With regard to pinch-zooming, this is also likely to be related to the above, whereby the pinch-zoom gesture interferes with the Juicebox controls (such as navigation buttons) which are layered on top of the gallery.
If you use a screen with a limited height, try maximizing the JuiceboxBuilder-Pro window. This will ensure that no portion of the JuiceboxBuilder-Pro window spills off the edges of your screen. You should then be able to select individual sections within the 'Customize' tab and scroll within each section if necessary.
You can keep all your galleries in individual folders, each with a unique name, upload the complete gallery folders (not just the contents) to your web server and embed each gallery in your web site using the baseUrl method as documented here.
Your web page still does not contain valid code.
You have code above the opening <head> tag which should be within the <head> section and code between the closing </head> tag and opening <body> tag which should be within the <body> section.
However, the problem you currently experience is due to the Splash Page's overlay (allowing the user to click on the Splash Image to view the gallery) not being visible.
This is likely to be caused by the following generalized CSS on your web page:
body {
margin: 0px;
z-index: 0;
}
script {
z-index: 0;
}
div {
z-index: 0;
}
*{
margin: 0px;
padding: 0px;
z-index: 100;
}
Instead of applying CSS rules to set a 'z-index' value to essentially all elements on your web page (which will also affect all elements within your gallery), set a 'z-index' value to only those elements on your web page that require it (and make sure that the value is appropriate) via the use of classes and ids.
Please see this CSS Tutorial for further information on using classes and ids.
As a quick fix, you could try simply removing all the 'z-index' entries from the CSS on your page. It looks like this might work fine.
There is certainly no malware within the JuiceboxBuilder files.
I have scanned the current 'JuiceboxBuilder-Lite.exe' with virustotal online.
Here are the results. The detection ratio was 0/44 (including Symantec).
Try manually excluding 'JuiceboxBuilder-Lite.exe' from being scanned by Norton. (See this web page for details.)
You could also try deleting the shortcut on your desktop and creating a new one by right-click dragging 'JuiceboxBuilder-Lite.exe' from the 'Program Files/JuiceboxBuilder-Lite/' folder onto your desktop and selecting 'Create shortcuts here'.
Your main images display in all four galleries (whose links you posted above) in Firefox 15.0.1, IE9, Chrome 22, Safari 5.1.7 and Opera 12 on my PC.
Try clearing your browser's cache before reloading your galleries as everything seems OK.
My only question: is it? It would be possible in the pro version?
The plugin's interface does not change when upgrading WP-Juicebox from Juicebox-Lite to Juicebox-Pro.
In order to change the post that a Juicebox gallery is in, it is necessary to edit the contents of both the original post containing the gallery (to remove the existing Juicebox shortcode, e.g. [juicebox gallery_id="1"]) and the new post you would like to move the gallery to (to enter the Juicebox shortcode).
'Edit' the post containing the gallery, remove the Juicebox shortcode and 'Update' the post. Now enter the shortcode (with the correct 'gallery_id') in the post you wish to transfer the gallery to and 'Publish' or 'Update' the post.
Even if it was possible to change the Post ID in the 'Manage Galleries' screen, there would be no way of knowing where in the post the shortcode should be entered.
A few things to check and try:
(1) Make sure that you are using the latest version of Juicebox-Pro (v1.1.1).
(2) Try re-uploading your gallery's 'jbcore' folder to ensure that all required files are present and correct.
(3) Try using absolute URLs in your embedding code to see if this makes a difference.
If you continue to experience difficulties, please post the URL to your gallery so that I can take a look.
Just a small further question: Is what you call AutoPlay the same as what many people refer to as Slideshow? ("Play" might refer to something with music.)
Yes. AutoPlay refers to the automatic advancing of images in the gallery without user intervention (for example by clicking on navigation buttons). You can take a look at the available Juicebox-Pro AutoPlay and Audio options in the Juicebox - Config Options page.
showImageNumber is a Juicebox-Pro option only (this is the Juicebox-Pro section of the forum) and your gallery uses Juicebox-Lite.
You would need to upgrade your gallery from Juicebox-Lite to Juicebox-Pro before the showImageNumber configuration option in your gallery's XML file would be used.
If you decide to go Pro, Juicebox-Pro can be purchased from this web page.
The baseUrl method of embedding will work only if your gallery files are hosted on the same domain as the page containing the baseUrl JavaScript embedding code. This is due to the JavaScript same origin policy security restriction. Please see this web page for further details.
If using Dropbox as a host for your Juicebox gallery, it is not possible to use the baseUrl method of embedding in a Wix page and an <iframe> must be used instead. The <iframe> method of embedding works because it loads the gallery's 'index.html' page (the page containing the JavaScript embedding code) which is on the same domain as the other gallery files inside the gallery folder.
Instead of displaying the usual gallery, it shows a black screen saying "View Gallery" at the bottom left corner and once I clicked on that, it takes me into the full screen mode.
This is the Splash Page which is displayed in Small Screen Mode when the gallery is embedded in a web page alongside other content. By default, it will display the first image in your gallery. Juicebox-Pro users can choose the image to be used for the Splash Page with the splashPageUrl configuration option.
Your own gallery's Splash Page may be black due to the use of reserved characters (spaces and parentheses) in your image file names. Try using only web-safe characters for file and folder names.
Please see section 2.3 of this document for details: http://www.ietf.org/rfc/rfc3986.txt
Characters that are allowed in a URI but do not have a reserved purpose are called unreserved. These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.
The trouble comes when I exit this gallery and wish to view other gallery on my CSS drop-down link. After clicking on the link to other gallery, all that is shows is just a static picture of the first image in the gallery. No Juicebox at all.
Try validating your web pages with the W3C Markup Validation Service and fix the HTML errors reported.
Your 'welcome.php' page generates a web page which has 4 <html> tags, 4 <head> tags and 3 <body> tags. Each web page should have only one of each.
Once your code validates, your web pages should be rendered with greater predictability and consistency across different browsers.
@hherskind
The image number forms part of the caption so as long as the image number is present (even if you have not entered a <title> or <caption> yourself), the caption area will be visible.
To hide the image number, set showImageNumber="FALSE" in your gallery's XML file.
If using JuiceboxBuilder-Pro to create or edit your gallery, the showImageNumber configuration option can be found in the 'Customize -> Caption' section.
Posts found: 5,326 to 5,350 of 5,812