You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 213 of 232)
You can use <html> code within your captions to add an anchor <a> tag to create a link.
If using JuiceboxBuilder-Pro to create or edit your gallery, you can enter the code directly into a caption text field on the 'Images' tab, such as:
<a href="http://www.example.com/">Click here</a>
If editing your gallery's XML file manually in a plain text editor, you will need to enclose your caption within CDATA tags so it will look like this:
<caption><![CDATA[<a href="http://www.example.com/">Click here</a>]]></caption>
Thank you for reporting.
I think the secret to avoiding this overlapping of gallery elements is simply to keep the gallery title short.
However, I will notify the developers and investigate further.
I have just created a Juicebox-Lite v1.1.1 test gallery using the HTML 4.01 Transitional Doctype Declaration:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
... on the gallery's HTML index page (the page containing the embedding code for the gallery) and the gallery displays correctly (including all titles and captions) in IE9 on my PC. It should not be essential to use the HTML5 Doctype Declaration but a Doctype Declaration of some description should be used.
If you could post the URL to a gallery which exhibits the behavior you describe in your first post, I would be happy to take a look and investigate further.
All web pages must use a Doctype Declaration in order for the browser to know what set of standards the page's code should adhere to.
Please see this FAQ: My gallery looks strange in Internet Explorer 9. Why? and this note about Juicebox and Doctypes.
We recommend using the HTML5 Doctype <!DOCTYPE html>, but whatever Doctype you use, you can check that your web page's code is valid for that particular Doctype with the W3C Markup Validation Service. If any errors are reported, they should be fixed in order for your web page to be rendered with greater consistency across different browsers.
If you wish to have a resizable gallery with a header without the need for a scrollbar on the page, please see the Using a Resizable Gallery with a Header section of the Juicebox Embedding Guide. There is an online example (View Resizable Gallery with Top Menu Example) which has a header, a footer and a resizable gallery which takes up the available space in between. You can view the source of the page in your browser and modify the code to suit your needs.
Thank you for providing the screenshots. They certainly confirm what you are describing but I am still unable to see the problem on my own PCs.
I've just viewed your gallery again on monitors with resolutions of 1280 x 1024 and 1280 x 800 and, in both cases, in a maximized IE9 window, your main image increases in size when I hide the thumbnails.
However, I will log a bug report and hopefully one of my colleagues will be able to replicate the problem.
I have just viewed your gallery in IE9 (9.0.8112.16421) on my PC (Windows 7 SP1 x64) and the main images are enlarged when the thumbnails are hidden (just like in other browsers).
If it works on my PC, then there would appear to be no problem with the gallery itself.
The effect should be more obvious in a browser window which is much wider than it is tall. Try resizing your browser window to such an aspect ratio to see if the main images really do not increase in size when the thumbnails are hidden or if it is perhaps due to the current aspect ratio of your browser window.
Also, you could try clearing your browser's cache just to make sure that your browser is using the current gallery files on your web server (which seem to work find when I view the gallery in IE9 on my PC).
It looks like the problem may be related to the customizations you have made to the 'theme.css' file in your gallery.
Try using the original 'theme.css' file from the Juicebox-Pro v1.1.1 'jbcore/classic/' folder.
Do you still see the 'autopx' entries using the unmodified 'theme.css' file?
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.
Posts found: 5,301 to 5,325 of 5,794