You're welcome!
I'm glad you were able to achieve what you wanted to do.
Thank you for letting me know.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
You're welcome!
I'm glad you were able to achieve what you wanted to do.
Thank you for letting me know.
Please see the support section entitled Embedding in a Web Template Site.
There are instructions there for loading a Juicebox gallery into a web template site such as Wix.
If you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully help further.
Thank you.
Thank you for the information.
Perhaps we can match it up with some of mark's if he post's his own specifications.
I know you say "all software ist the newest version" but could you please confirm your Lightroom version number.
Go to 'Help -> System Info...' from the drop down menu at the top and the 'Lightroom version' should be the first entry in the list.
It might be unlikely but there may be a bug in a certain version of Lightroom which is contributing to the problem.
All the plugin does regarding the live preview window is internally set supportsLiveUpdate = false. Lightroom handles everything else itself.
tigering the error is: making adjustments with the slideres 1-6 times.
The plugin updates the live preview window each time a configuration option is changed in the interface.
Each time a slider's position changes, the web page will be reloaded.
Your installation seems to be getting hung up on reloading the web page multiple times in quick succession when a slider is used (although I still can't reproduce the problem on my Windows PC).
Perhaps the best course of action would be to prevent the live preview window from being updated each time a configuration option is changed and, instead, allow the user to update the live preview window manually (whenever required) by pressing Cmd+R (Mac), Ctrl+R (Windows) or by selecting 'Web -> Reload' (from the drop-down menu at the top).
Disabling the instant update functionality to the live preview window (and reloading the web page only on demand) should help.
It might not be an ideal solution to the problem but it should hopefully be a suitable workaround.
If you'd like to try it, download the 'galleryInfo.lrweb' file from here [Link removed.] and use it to replace your plugin's existing 'galleryInfo.lrweb' file (inside the 'juicebox_pro.lrwebengine' folder/package). (This file should be used to replace the 'galleryInfo.lrweb' file in version 1.5.0 of the Lightroom plugin only.)
Please note that on a Mac, 'juicebox_pro.lrwebengine' is seen as a special package (rather than just a regular folder). To open the folder, you'll need to right-click the package and select 'Show Package Content'.
I'm glad you've been able to resolve your problem. Thank you for letting me know.
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.
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.