You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 226 of 235)
So in summary, the MUSE application is generating the error in the app and in browser preview mode.
As suggested, this may be due to a security restriction similar to local previewing issues in Google Chrome and Opera browsers.
the main image doesn't scale down.
The main image does not scale down because the gallery is likely to be embedded in a parent container whose dimensions are expressed as absolute pixel values. Check the CSS of your page to confirm this theory.
Even if the gallery's own dimensions are 100% x 100%, if it is nested inside a <div> with dimensions of, for example, 1024px x 768px, then then gallery will always be displayed at 1024px x 768px regardless of the size of the browser window (as 100% of 1024px = 1024px and 100% of 768px = 768px).
For the gallery to dynamically scale with the size of the browser window, the dimensions of the gallery and all parent containers must be expressed as percentages. Any fixed size up the chain will result in just that - a fixed size.
The slideshow seems to operate but the thumbs don't display
...
The gallery configured to display thumbs is on the PEOPLE page.
The thumbnails are displayed when I view the gallery in browsers on my PC.
If you have made any changes to your gallery recently, you may need to clear your browser's cache before reloading the gallery. Your browser may be hanging onto (and using) an older version of your gallery's XML file.
Please post feature requests in this thread. It keeps them all together in one place and ensures that they are not overlooked.
Thank you.
Please post the URL to the web page into which you are embedding your gallery so that I can take a look.
Thank you, again, for sharing this new script with the Juicebox community.
Hopefully, someone will benefit from your time and effort.
Since your gallery folder is located here http://www.robertmunozphotography.net/Muse/Home/
... your embedding code should look like this:
<!--START JUICEBOX EMBED-->
<script src="http://www.robertmunozphotography.net/Muse/Home/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'http://www.robertmunozphotography.net/Muse/Home/',
containerId : "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(224,224,224,1)"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
For reference, the baseUrl method of embedding is documented here.
I'm actually getting the "XML Not Found" inside the MUSE application (it tests the source path), so this may be an app-specific problem.
This may well be an application-specific problem similar to not being able to preview galleries locally in Google Chrome or Opera.
Your gallery displays OK in browsers on my PC.
If you are still seeing the 'Config XML file not found' message, try clearing your browser's cache before reloading the gallery.
The code for the transition effects is embedded within the packed and obfuscated 'juicebox.js' file so it would not be possible to add an effect to the current list of those available.
However, if you like, you could post this as a feature request. If doing so, please post in this forum thread. It keeps all the feature requests together and ensures that none are overlooked. Thank you.
Thank you for the additional information.
However, we are able to replicate the issue in IE9 which should hopefully be enough to track down the problem.
Am I to understand that IE defaults to a white border when "none" is not specified, but that the other browsers default to ignoring a border if no mention is made of it?
Yes, but only when the image is part of the Back Button.
The white border is not displayed when the image is part of the Gallery Title or simply elsewhere on the web page.
I have logged a bug report. Thank you for reporting.
Add the following attribute to your Back Button's <img> tag:
style="border-style: none;"
... to make it:
backButtonText=<a href="http://www.billanddot.com/index.htm" target="_top"><img src="http://www.billanddot.com/house_2.png" width="32" height="32" alt="Home (Bill & Dot's Excellent Pages)" style="border-style: none;"></a>
Yes. If you want to upload Juicebox-Pro galleries to all 20 of your domains, then you would need to purchase 4 Multi Licences.
The Juicebox-Pro Single Licence allows you to have an unlimited number of galleries on a single domain (and subdomains).
For example, if you own the domain example.com, then you can upload your galleries to example.com, www.example.com, sub1.example.com, sub2.example.com, etc.
The Juicebox-Pro Multi Licence would be required if you wish to upload Juicebox-Pro galleries to up to 5 different domains, such as example1.com, example2.com, etc.
If all of your 20 web pages are on the same domain, then a Juicebox-Pro Single Licence will be fine for you.
If i use that code in caption section doesn't work.
This is probably due to the fact that your code relies on JavaScript which is stored in a different document.
One possible way to feature a Facebook Like button for individual images would be to:
(1) Use the <iframe> implementation of the Facebook Like button.
(2) Place the button on your gallery's HTML index page (not in the captions for each image).
(3) Set enableDirectLinks="TRUE" so that each image has a unique URL.
(4) Use the Juicebox-Pro API (specifically the onImageChange() event) to change the 'src' attribure of the <iframe> (which is essentially the URL for the Facebook Like button) each time the user selects a different image.
Try using the following as your gallery's 'index.html' file:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Juicebox-Pro Gallery</title>
<meta charset="utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="description" content="This is a Juicebox-Pro Gallery. Get yours at www.juicebox.net" />
<style type="text/css">
body {
margin: 0px;
}
</style>
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
var jb;
$(document).ready(function () {
jb = new juicebox({
containerId : 'juicebox-container',
enableDirectLinks : 'TRUE'
});
jb.onImageChange = function(e) {
var original=document.getElementById("fb").src;
var modified=original.replace(/\?href=(.*?)&/, "?href=" + encodeURIComponent(document.location) +"&");
document.getElementById("fb").src=modified;
}
});
</script>
</head>
<body>
<div id="juicebox-container"></div>
<div id="overlay" style="position: absolute; top: 50px; left: 10px; z-index: 999;">
<iframe id="fb" src="//www.facebook.com/plugins/like.php?href=#&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
</div>
</body>
</html>
Please note that use of the Juicebox-Pro API requires Juicebox-Pro and will not work with Juicbeox-Lite.
Yes. You can use <html> code within your captions.
If using JuiceboxBuilder-Pro to create or edit your gallery, you can enter the code directly into the caption text fields on the 'Images' tab, such as:
<a href="http://www.example.com/">Link</a><br><img src="images/image.jpg">
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/">Link</a><br><img src="images/image.jpg">]]></caption>
I do not know exactly what or how much code you intend to use so the best thing to do would be to simply try it and see if it works.
To answer your initial question:
Is it possible to generate the file data into the html file that the gallery is embedded in rather than access the external file?
You can set the options in the embedding code such as:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : 'juicebox-container',
screenMode : 'LARGE',
stagePadding : '100'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
... but you will still need to list the images in an XML (or PHP) file.
I was actually wondering about that - sharing and pointing.
When creating a multi-gallery album with the Juicebox skin for jAlbum, the album contains only one 'jbcore' folder (shared across all galleries).
Of course, when creating multiple albums, there will be a 'jbcore' folder per album.
In my case, however, I've been using jAlbum to generate and upload all these galleries, so this automation certainly helps me out.
Hopefully, others will find your script useful, too.
I'm not sure this is the proper spot to post this, so move it if you like.
This is as good a place as any. Thank you for sharing.
However, I should perhaps point out that multiple galleries on the same domain can share a single 'jbcore' folder (simply by pointing towards it in the embedding code of each gallery). Please see here for details.
Then, when it comes to upgrading all the galleries, only the single 'jbcore' folder needs to be replaced.
In order to embed a Juicebox gallery you will need to upload your gallery folder to a publicly accessible web server and then embed the gallery in a web page following the instructions here.
I am not familiar with Freeway Pro but from this web page, it looks like they do not provide you with any web space to which you could upload your gallery folder via FTP.
If you do not have any web space, then a suitable host for a Juicebox gallery would be Dropbox.
To upload your gallery folder to Dropbox:
(1) Download and install the Dropbox client program (from the link above)
(2) Run the install program and sign up for a free Dropbox account
(3) Create your Juicebox gallery with the method of your choice
(4) Drag and drop the entire gallery folder into the 'Public' folder within the newly created Dropbox folder on your computer
(5) Navigate towards your gallery's 'index.html' file (within 'username/Dropbox/Public/gallery_folder/'), right-click it and select 'Dropbox -> Copy public link'
To embed your gallery in a web page, insert an <iframe> whose 'src' attribute points towards the 'index.html' page within your gallery folder (the URL you copied in Step #5 above if using Dropbox), e.g.:
<iframe src="URL_to_gallery_index_page" width="800" height="600" frameborder="0" scrolling="no"></iframe>
For information on using an <iframe> within Freeway Pro, please see this web page.
You can add a link to a caption by using HTML tags within the caption.
You can link directly to an image by entering a caption such as the following directly into JuiceboxBuilder-Pro's caption text field:
<a href="images/image1.jpg">Click here to open image in new tab/window or right-click and select 'Save Link As...' to save image.</a>
You could also set showOpenButton="TRUE" in your gallery's XML file to display an 'Open Button' in the Button Bar which would also allow a user to open the currently displayed image in a new tab/window.
Your gallery uses Juicebox-Pro v1.0.2 and requires the option showBackButton="TRUE".
This option was removed in Juicebox-Pro v1.1.0 (see the Juicebox - Version History for details) in preference for setting backButtonPosition to OVERLAY, TOP or NONE.
Alternatively, you could just upgrade your gallery to Juicebox-Pro v1.1.0 and leave your gallery settings as they are.
This would be the recommended option as several bugs have been fixed since v1.0.2.
Please see the Upgrading Juicebox section for instructions on how to download the latest version of Juicebox-Pro and how to upgrade existing galleries.
I do not have a list of what all the classes in the 'theme.css' file relate to and which can safely be modified without adversely affecting other elements within the gallery.
The only indications are the comments within the 'theme.css' file itself, such as /* gallery title area */.
I also do not have a PSD file of the assets PNG file.
I realise that this may not be very useful information but it is the only information I have on the subjects and I would rather post what I know than leave your query unanswered.
the first image is not displayed anymore also when you click a thumbnail the image will not be displayed
I had noticed this also and have included it in the bug report.
@Eric
Yes, indeed. You can add the Google Analytics code directly to the C:\Program Files (x86)\JuiceboxBuilder-Pro\template\index.html file and the code will be included in every subsequent gallery created by JuiceboxBuilder-Pro.
Please note that if you embed the gallery in a different web page, then the Google Analytics code will still need to be added to that page.
Perhaps there is a conflict between WP-Juicebox and another plugin or the theme that you have installed.
Try temporaily reverting to the default WordPress theme and deactivate each of your plugins one-by-one.
After each action, clear your browser's cache and reload you gallery. If it looks OK, the last theme or plugin you disabled is the one causing the problem.
If you do find the conflicting theme/plugin, please let us know so that we can replicate the problem and fix it.
Thank you.
If the document was locked, it was perhaps open in (and, therefore, locked by) another program (such as a browser) at the time you tried to edit it.
Try closing all open programs first before launching your text editor and opening the 'index.html' file in it.
Posts found: 5,626 to 5,650 of 5,855