You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 226 of 235)
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.
If you are using the latest asynchronous syntax, then the code should be placed immediately before the closing </head> tag of the gallery's 'index.html' page (or the page into which you are embedding your gallery).
If you are using the older style synchronous code, then the code should be placed immediately before the closing </body> tag of the same HTML document.
The paragraph of information below the image is actually not part of the gallery but simply part of the web page that the gallery has been embedded into.
However, you can have your captions displayed below the main image (but still within the boundaries of the gallery) by setting captionPosition="BELOW_IMAGE" in your gallery's XML file.
If using JuiceboxBuilder-Pro to create or edit your gallery, the 'Caption Position' option can be found in the 'Customize -> Caption' section.
Each image can have its own caption (entered into the 'Caption' text field on the 'Images' tab) and you can have multi-line captions by using HTML line breaks ('<br>'), e.g.:
Line 1<br>Line 2<br>Line 3
It is also possible to display captions outside the gallery in another <div> on your web page by using the Juicebox-Pro API and specifically the getImageInfo() method to retrieve the caption of the current image to be used elsewhere on your web page.
@biz
svManager is a separate purchase. Please see here for details.
@designshoe
If the thumbnail bar is disabled, everywhere in the window is "above the image". I would request that they also disappear, if I start browsing the images and don't move the mouse (e.g. by using the keyboard or just clicking the mouse). Thus the images will be the only thing to be displayed.
This looks like a bug. I will log a bug report. Thank you for reporting.
Posts found: 5,626 to 5,650 of 5,851