Thank you very much for taking the time to share your experiences and tips.
Hopefully it will help others with similar problems. It might save a lot of time and avoid a lot of frustration!
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
Thank you very much for taking the time to share your experiences and tips.
Hopefully it will help others with similar problems. It might save a lot of time and avoid a lot of frustration!
@paracchini.luigi
According to this StatCounter web page (http://statcounter.com/support/knowledge-base/14/), the code they provide should be inserted just before the closing <body> tag.
Quote from the web page above:
It's very important to install StatCounter in the correct place on your website i.e. just inside the closing "body" tag - </body> - as indicated below.
There is no reason why this should not work on a Juicebox gallery page. (A Juicebox gallery is essentially just a <div> container on a regular web page.)
I'm not sure how long it takes for visits to your web page to show up in the StatCounter logs. (It might not be instant.)
Perhaps the StatCounter support team can help with this.
They should also be able to help if you find that the tracking code does not work.
@mark & @ralfhiemisch
Maybe there is something similar in your two systems or setups that is somehow contributing to the problem.
Maybe if you could both post your computer specifications (Mac vs PC, operating system, CPU, RAM) and a few other details, there may be some pattern or link between the two.
If there is anything non-standard about your Lightroom installation (such as a custom install location), please let me know.
Also, please let me know where the images you are using in Lightroom are located when you select the Juicebox web engine (for example, on a local hard drive, a NAS drive, a folder synced to an online file sharing service or somewhere else).
The more information we have, the more likely we are to find the cause of the problem.
When the error occurs, you could try pressing Ctrl + R (or going to 'Web -> Reload' from the drop-down menu at the top) to reload the live preview to see if this helps.
Lightroom serves the live preview from a temporary folder. On a Windows PC, the files for the live preview should be found in the following location.
C:\Users\Username\AppData\Local\Temp\AgWPGPreview\
Whilst Lightroom is open and the error message is being displayed, go to that location (if you have a Windows PC) and check that there is a file named 'config.xml'. You should be able to open the file in a text editor to check its contents. Please let me know what you find.
@ralfhiemisch
Unfortunately, I have not been able to reproduce this problem myself and trying to troubleshoot a problem that I cannot reproduce is very difficult.
If you can find anything that seems to trigger the error, please let me know.
For mark, the problem seems to be random. Do you see any pattern in your own installation or does it seem to be random for yourself, too?
In addition to my notes above, try installing the Juicebox-Lite web engine alongside the Juicebox-Pro version to see if the problem is unique to Pro or if the problem lies with both Lite and Pro.
(The Lite and Pro versions can be installed and run alongside each other. The Lite version can be found inside the Juicebox-Lite download zip file. You can download Juicebox-Lite from this web page.)
You should be able to replace $gallery[$i] with another variable without any problem.
Try the following:
function format($input) {
return substr($input, 8, 4) . '-' . substr($input, 12, 2) . '-' . substr($input, 14, 2) . ' ' . substr($input, 16, 2) . ':' . substr($input, 18, 2);
}echo '<title><![CDATA[' . format($gallery[$i]) . ']]></title>';I do not know if all your image filenames use exactly the same format so the function above may not be robust enough but it should give you an idea of what might work.
If you continue to experience difficulties, then please post the code that you are using that fails and I'll take a look and hopefully be able to determine the cause of your problem.
@adastramedia
Thank you for your suggestions.
Most forums I've visited over the years use chronological order (most recent posts at the bottom) by default.
Unfortunately, this forum does not have the option to allow users to change their preferred post order to reverse chronological order.
@adastramedia
Thank you for sharing your findings.
Hopefully it will help other users with similar symptoms.
You're welcome!
I'm glad you've got it working. Thank you for letting me know.
In your Joomla page, change:
baseUrl: 'member_galleries/andygilbert/',... to:
baseUrl: '/joomla30/member_galleries/andygilbert/',Also, there is no <div id="juicebox-container"></div> on your page so there Juicebox will not find the containerId that the gallery should be embedded into.
Add:
<div id="juicebox-container"></div>... to the end of your embedding code (just before <!--END JUICEBOX EMBED-->).
After making these changes, please clear your browser's cache before reloading your gallery's web page to ensure that your browser is using the latest version of your HTML page from your server (and not an older cached version).
This should solve your problem.
You could maybe create a custom font (with whatever icons you want to use as characters) with an online app such as IcoMoon.
You could then load the font into your gallery's web page and use your new custom characters in your image titles and captions.
You could use HTML formatting within your image titles and captions (as noted in this FAQ below) to ensure that the correct font is used when required.
How do I add HTML formatting to image captions and titles?
For example, the 'juicebox' font (which contains the icons for the gallery) is already loaded into a gallery page but you could use one of its icons in an image caption as follows:
<caption><![CDATA[This is the Juicebox 'Back Button' icon: <span style="font-family: juicebox;"></span>]]></caption>More information about using IcoMoon in conjunction with Juicebox can be found in the Theming Guide. (It might not be directly related to your query but you might find it interesting.)
I hope this points you in the right direction.
It works a charme, thanks !
You're welcome! I'm glad you've got it working. Thank you for letting me know.
What I pity is that nowhere can I find that inserting a <BR> in the caption will actually create a new line in the caption.
As you have discovered, you can add HTML formatting (such as <br> line breaks) to image titles and captions.
This is noted in this FAQ (although a line break is not part of the example):
How do I add HTML formatting to image captions and titles?
It looks like visitors to your web site in Nevada might be accessing your web site via www.lindasuzanne.com instead of lindasuzanne.com.
You hard-code the lindasuzanne.com domain into your baseUrl path so the gallery will display only on lindasuzanne.com and not www.lindasuzanne.com.
Please see this FAQ for details:
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?
Use the following embedding code and your gallery should display on both www.lindasuzanne.com and lindasuzanne.com.
<!--START JUICEBOX EMBED-->
<script src="/Gallery2/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: '/Gallery2/',
containerId: 'juicebox-container',
galleryWidth: "100%",
galleryHeight: "90%",
backgroundColor: '#222222'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->(The leading slashes in the paths above denote your root directory.)
I hope this solves your problem.
Incidentally, the SEO content code normally goes inside the <div id="juicebox-container"> ... </div> container.
(You have a closing </div> tag immediately after <div id="juicebox-container"> and also at the very end of the code you posted.)
Try saving your web engine settings as a template ('Web -> New Template') from the drop down menu at the top of Lightroom 6. You can change your web engine settings and create another template with the new settings.
Then, when creating a gallery, you can switch between templates in the Template Browser control panel (to the left of the live preview window).
I hope this helps.
Juicebox-Pro does not have any built-in configuration options that you could use to do this but you could try something like the following.
This possible solution checks the width of the web page and then sets appropriate configuration options before loading the gallery. The code also listens for a change in the window width and if the threshold width value is crossed, the gallery will be redrawn with new values.
To see this in action, create a sample gallery with JuiceboxBuilder-Pro and replace the gallery's 'index.html' page with the following code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<style type="text/css">
body {
margin: 0px;
}
</style>
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
var a, b, c, thresholdWidth = 600, z = false;
function loadGallery(a, b, c) {
new juicebox({
containerId: "juicebox-container",
maxThumbColumns: a,
maxThumbRows: b,
thumbsPosition: c
});
z = true;
}
function thumbsStatus() {
var windowWidth = window.innerWidth ? window.innerWidth : $(window).width();
if (windowWidth < thresholdWidth && (c === 'LEFT' || z === false)) {
a = '10';
b = '1';
c = 'BOTTOM';
loadGallery(a, b, c);
}
if (windowWidth >= thresholdWidth && (c === 'BOTTOM' || z === false)) {
a = '1';
b = '5';
c = 'LEFT';
loadGallery(a, b, c);
}
}
$(document).ready(function() {
thumbsStatus();
$(window).resize(thumbsStatus);
});
</script>
<title>Test</title>
</head>
<body>
<div id="juicebox-container"></div>
</body>
</html>I hope this helps.
@just_rajpoot
Your gallery uses the following path as the configUrl:
\u002Fjuicebox\u002Fxml\u002Ffield\u002Fnode\u002F5\u002Ffield_images\u002Ffull?checksum=29afd68ddaea7f5502f4ddc91480b713This first thing I notice is that backslashes are being used instead of regular forward slashes.
However, even if the backslashes are changed to forward slashes, going to that location on your web server (which should display the XML data for the gallery), results in an error 404 (file not found).
The structure of the gallery and the path for the configUrl are generated by the Drupal module.
We did not write the Juicebox module for Drupal ourselves and, as such, any queries relating directly to the module would be better directed towards the Drupal forum where the author of the module (who will be more familiar with both Drupal and the module itself) should be able to help you out further: https://www.drupal.org/forum
(The Juicebox module for Drupal is an unofficial plugin but is well supported by its author on the Drupal forum.)
I realise that this does not solve your problem but it should hopefully point you in the right direction.
You're welcome!
I'm glad everything's OK. Thank you for letting me know.
You're welcome.
I'm glad you've got it working. Thank you for letting me know.
When using a Picasa/Google+ Web Album as the source of image, WP-Juicebox uses the Picasa/Google+ image 'title' as the Juicebox image title (which by default is the image filename) and the Picasa/Google+ image 'summary' as the Juicebox image caption.
If you want to prevent WP-Juicebox from displaying the Picasa/Google+ image 'title', please do the following.
(1) Open the 'wp-juicebox/config.php' file in a plain text editor.
(2) Change line 120 from:
$image_title = $attachment->title;... to:
$image_title = '';You can do likewise for the Picasa/Google+ image 'summary' by changing line 127 from:
$image_caption = $attachment->summary;... to:
$image_caption = '';Please note that the line numbers above refers to the current version of WP-Juicebox (v1.4.4.2).
Your embedding code currently has paths with leading slashes which denote your root directory.
However, your 'people_gallery' folder is not in your root directory. It is in your 'HTML' directory.
The paths need to be relative to the page containing the embedding code (in the 'HTML' directory) or, if using leading slashes, the paths from the root need to be adjusted to take into account the 'HTML' folder.
Either of the following should work fine:
Option #1:
<!--START JUICEBOX EMBED-->
<script src="people_gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
baseUrl: "people_gallery/",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#f1f1f1"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->Option #2:
<!--START JUICEBOX EMBED-->
<script src="/HTML/people_gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
baseUrl: "/HTML/people_gallery/",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#f1f1f1"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->There is a good reference guide to URLs (absolute vs relative) here.
Incidentally, you have two instances of the <script> tag loading the 'juicebox.js' file.
There should be only one per page. Remove the one between the end </head> tag and the start <body> tag. (There should be no code between these tags at all.)
Also, downloaded the new version (1.4.4.2) and copied the jbcore folder to the jbcore folder under:wp-content/plugins/wp-juicebox
In order to upgrade WP-Juicebox, you need to replace all the WP-Juicebox files (not just the 'jbcore' folder).
The 'jbcore' folder contains the core Juicebox files which are used to display the galleries in the frontend.
The other files in the plugin handle the integration within WordPress, the user interface and the backend functionality.
Once you have replaced all the WP-Juicebox files, make sure you upgrade the plugin to use your Juicebox-Pro v.1.4.4.2 'jbcore' folder following the Upgrading to Juicebox-Pro instructions in the plugin's support page.
Where do you get the Album name from in Google Photos?
Once logged into Google and in the Photos section, go to Collections (from the left side menu) and select Albums from the drop down menu at the top.
You can create a new Album via the + character at the top or you can click on an existing Album and click in the Title field (default text 'Untitled') to give your existing Album a Title.
You can find your Google User Id by going to your Google+ Profile page and grabbing the 21 digit number from the URL.
You can try to display one of my own test albums using the following details:
Picasa/Google User Id: 109901943277912891450
Picasa/Google Album Name: TestAlbum
The website you quoted seems to display many images at once, all linking to different web pages.
This would not be possible with Juicebox-Pro.
With Juicebox-Pro, you could certainly link each image to a unique web page but each image is displayed individually.
If you used Small Screen Mode, you could display many thumbnails together on the same page (see this example) but it is not possible to link thumbnails to web pages (only main images).
To see what can be done with Juicebox-Pro, we have several demo galleries here.
No problem. I didn't miss your post. I was just explaining why the gallery titles in your two galleries are in different places and how you could change the position of the Gallery Title (by changing the gallery's width) if you wanted to.
As you have discovered, you may need to compromise between the width of your 'Italy' gallery and the position of its Gallery Title.
Just for the record, with Juicebox-Pro, you could set maxThumbColumns="6" to ensure that no more than 6 columns of thumbnails are ever displayed on any page. (That way, you could increase your gallery's with to 100% and retain your 6 thumbnails per page.)
There are a few things wrong with your code.
(1) You will need to load the 'juicebox.js' file into your web page for your gallery to appear (like in the sample embedding code in the Embedding Guide).
Change:
<script src="/People_gallery"></script>... to:
<script src="/People_gallery/jbcore/juicebox.js"></script>(2) There should not be a Doctype Declaration within your gallery's embedding code.
Remove:
<!DOCTYPE html>... and ensure that the embedding code is within the <body> tags in your page.
(3) You have closed off the new juicebox({ section too early.
Remove:
});... just below the baseUrl entry.
(4) The baseUrl should point towards a gallery folder (not a file inside the folder).
(5) You need a comma after the baseUrl to separate it from the configuration options which follow.
Change:
baseUrl : '/People_gallery/index.html'... to:
baseUrl : '/People_gallery/',(5) The code you posted has a stray </div> tag at the end of the code. This can be removed (unless it refers to an opening <div> tag that you did not include in your post).
You should now have embedding code which looks like this:
<!--START JUICEBOX EMBED-->
<script src="/People_gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
baseUrl: "/People_gallery/",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#f1f1f1"
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->As long as your gallery folder is named 'People_gallery' and is located in your web space's root directory, then it should display fine once the web page is uploaded to your web server.
For reference, the baseUrl method of embedding is documented here.
There is a note for Dreamweaver users here: Embedding Using Dreamweaver.
The Gallery Title in your 'Italy' gallery is flush against the left-hand edge of the gallery.
The difference between your 'Greece' and 'Italy' galleries is that your 'Greece' gallery has a galleryWidth of 100% whereas your 'Italy' gallery has a galleryWidth of 80% and is therefore narrower and the edges of the gallery are not as close to the edges of the parent container.
Increase your 'Italy' gallery's galleryWidth to 100% and you should see your Gallery Title further to the left.
I'm glad that you've been able to horizontally center your gallery and remove the <p> and <br /> tags from your embedding code. Thank you for letting me know.
Do i have anything to desire? Well the gallery name could be outlined to the left, but that's a minor detail.
I'm not quite sure what you mean by "outlined to the left". Maybe you explain in greater detail and provide the URL to your gallery so that I could take a look.
If you are referring to the Gallery Title, then you can position and style the Gallery Title using the following configuration options.
galleryTitlePosition ('Customize -> General')
galleryTitleHAlign ('Customize -> General')
galleryFontFace ('Customize -> General')
textColor ('Customize -> Lite')
textShadowColor ('Customize -> Color')
For reference, a list of all configuration options can be found here.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.