You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 104 of 233)
So is there any way of altering og:image with Facebook share link ?
As far as I am aware, it is not possible to set or modify the thumbnail used in the share window (or specifically the og:image) via the Facebook share link and changing the og:image dynamically via JavaScript (for example, when onImageChange() is fired) will not work. It is possible to set multiple og:image meta tags in a web page but I see no way to inform Facebook which one to use at any specific time.
As far as I can tell, the only way to have the thumbnail image correspond to the actual image being shared might be to have the share links point towards individual web pages (one per gallery image), each with a unique og:image. However, Juicebox does not work this way (each gallery image does not have its own web page) and the 'juicebox.js' file cannot be edited.
Unfortunately, I do not see a way that this can be done (at least not easily within the current parameters of Juicebox-Pro and Facebook).
Maybe other users will have some ideas or suggestions...
You're welcome!
I'm glad you've got it working and are getting on well with Juicebox.
Thank you for posting back to let me know.
Do I need to put all the Flikr pictures into my webhost ?
No. Juicebox will read the images from Flickr's servers.
You still need to copy the contents of your gallery folder to the directory which contains the page with the embedding code.
In your case, the gallery folder will contain only the following contents:
jbcore (folder)
config.xml (file)
index.html (file)
Your gallery folder will not have 'images' and 'thumbs' folders. They would exist only for galleries sourced by local images.
Also, if you are embedding your gallery into an existing web page alongside other content, then you do not need to upload the gallery's 'index.html' file. This would be used only to display the gallery on a web page of its own.
I've just checked your web page and your gallery now displays so it looks like you have solved your problem.
If you are still experiencing difficulties, please let me know and I'll try to help further.
Thank you.
Your gallery's embedding code uses the following line:
<script src="jbcore/juicebox.js"></script>
Therefore, your gallery will display if you copy the contents of your gallery folder (not the actual folder itself) into the same directory as the web page containing the embedding code.
If you have uploaded your entire gallery folder to your web server, then you can use the baseUrl method of embedding documented here.
If you get stuck, please let me know where your gallery files are on your web server and I should be able to provide you with some embedding code that will work.
Thank you.
Please let me know what version of Juicebox-Pro skips the Pinterest login.
If I know what version works and what version fails, I can investigate further and log a bug report with the developers if necessary. Thank you.
I'm glad you've got things working.
Thank you for posting back to let me know.
You're welcome!
I'm glad it works.
The first step would probably be to set enableDirectLinks="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) so that each image in the gallery has its own unique URL in the form: http://www.example.com/gallery/#7 where the number after the # is the image number in the gallery.
A brief description of enableDirectLinks can be found in the General section of the Config Options page.
The next step would likely be to enable Google Analytics to allow anchor tracking by including location.hash in your Google Analytics code.
Try a web search with terms such as 'google analytics anchor tracking' for more information.
I cannot be sure that this will work but I hope it at least points you in the right direction.
I'm glad you've got it working.
Thank you for posting back to let me know.
Are you perhaps trying to view your gallery using http://joaqimb.be instead of http://www.joaqimb.be?
You have hardcoded the 'www' subdomain into the paths in your embedding code so your gallery will display only when using the 'www' subdomain.
Please see this FAQ for details and a solution.
My gallery works on 'www.example.com' but not on 'example.com' (or vice versa). Why?
In your case, paths such as the following should work fine:
<script src="/JbMuzeuml/jbcore/juicebox.js"></script>
(The leading slash in the paths denotes your root directory.)
Hopefully this will solve your problem.
As far as I am aware, there has been no change to the Pinterest code within Juicebox-Pro since it was introduced.
Juicebox-Pro just opens a new window with the Pinterest URL and whatever is displayed in the window is determined by Pinterest. Any difference in what you see in the window (ie. logging in first) might be due to changes at Pinterest's end.
If you see different behavior in different versions of Juicebox-Pro, then please let me know which versions you use so that I can investigate further. Thank you.
There is no API method which will display a separate page of thumbnail images unless your gallery is being displayed in Small Screen Mode where toggleThumbs() will switch between the thumbnail page and the main image page. Try setting screenMode="SMALL" to see if this is more what you are after.
So I need a way to get the thumb image urls.
If you want to get a list of all thumbURL entries in a gallery, this can be done as follows.
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
var jb = new juicebox({
containerId: "juicebox-container",
galleryHeight: "400",
galleryWidth: "600"
});
var thumbs = [];
jb.onInitComplete = function() {
var total = jb.getImageCount(), info, thumb;
for (var i = 1; i <= total; i++) {
info = jb.getImageInfo(i);
thumb = info.thumbURL;
thumbs.push(thumb);
}
};
</script>
All the thumbURL entries are stored in an array (named 'thumbs' in the example above) and you can use this information as you like. For example, you could iterate over the array and display all the thumbnails using <img> tags (using the information in the array as the 'src' attributes).
Please try fixing the HTML errors on your web page with the W3C Markup Validation Service: https://validator.w3.org/
Your web page currently has 3 opening <body> tags and 5 closing </body> tags. Each web page should have only one of each.
When the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers.
I notice that your galleries all have heights of 40%.
Try setting you gallery heights to fixed pixel values (such as 600px), at least while troubleshooting, in case your problems are somehow related to having small percentage heights.
Please see this note regarding Using Percentage Heights.
Also, the cause of your problem could be a CSS conflict. Please check your custom CSS files to make sure that you are not setting any global CSS rules which apply to all images on your page (all <img> tags) as the gallery will have no option but to inherit such rules and they will apply to all images within your gallery as well as images elsewhere on your page.
On the demo I saw on your live site the thumbs button opened a responsive view of a page with multiple rows of thumb images depending on screen size. I'm not sure which event I need in order to get that display.
You can use the toggleThumbs() API method to toggle the thumbnails on and off. (Check the source of the API demo in your browser to see the code that is used.)
If you set both showThumbsOnLoad and showSmallThumbsOnLoad to either TRUE or FALSE, then you will know the status of the thumbnails when the gallery is loaded and you should be able to keep track of whether or not they are currently visible and whether or not you need to toggle them.
I have viewed your Juicebox-Pro gallery (on your 'Ausstellungen' tab) in Chrome and Mobile Safari on an iPod Touch and the gallery displays and functions fine. I have also checked the paths to all your image sizes and they seem to be fine.
Maybe you could implement the solution in the FAQ I posted above (it cannot do any harm) and clear your browser's cache before reloading your web page to see if this makes a difference. If not, perhaps you could upload a screenshot somewhere (a file sharing site such as Dropbox) so that I can see what you are seeing. (Is there a blank space where the gallery should be or is there no gap at all between your menu and your footer?)
The configuration options need to be set before the gallery is loaded which happens before you are able to use getScreenMode() but you could perhaps reload the gallery with different configuration options if Small Screen Mode is being used.
It looks like you might have already solved your problem. You have managed to embed both galleries successfully into you http://albertaoverheadcrane.com/gallery/index.html page.
(Your http://albertaoverheadcrane.com/gallery/gallery.html page does not seem to exist.)
The galleries are embedded correctly and display and function fine but there are some HTML errors on your page.
All your <h2> and <div> tags should go inside the <body> section rather than the <head> section of your web page.
You can check the code on your web page with the W3C Markup Validation Service and then fix the errors reported.
https://validator.w3.org/
Your embedding code is absolutely fine for both galleries (you load the 'juicebox.js' file just once per page, the baseUrl entries point correctly towards the gallery folders and you embed each gallery into a unique container on your page).
As I mentioned, other than a couple of HTML errors, it looks like you might have already solved your problem.
However, if you are still having difficulties, please let me know and I'll try to help you out further.
@sziegelmeyer
It sounds like you might have a different problem to the original poster.
The original poster was having trouble opening a gallery in the JuiceboxBuilder-Pro desktop application (ion order to edit the gallery).
From what you say:
When I try to open the galleries in a web browser I get the "cannot load config.xml file".
... your problem seems to be with viewing the galleries in a browser.
Please take a look at this FAQ to see if it helps.
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?
Also, if you are trying to open your galleries locally (from your computer rather than from your web server), then please see this FAQ:
When I view my gallery locally, I see the message "Juicebox can not display locally in this browser". Why?
If this does not help, then please post the URL to your gallery so that I can take a look at the problem for myself and hopefully help further. Thank you.
That's great! I'm glad you've got the new version installed and working.
Thank you for posting back to let me know.
The size of the Button Bar icons is set via the buttonBarIconSize configuration option (default value '20'). The Button Bar icons will always be displayed at the size specified via this option (and will wrap if necessary) and will not auto-scale depending on the number of icons being used. This is true in both Small and Large Screen Modes.
For reference, the Button Bar configuration options can be found here.
Your web page seems to load pretty quickly for me. The first image in your gallery was fully displayed in just a few seconds (in several different browsers with no cached pages).
Please see this forum post for more information which may help.
The one thing that is most likely to make a difference is to change imagePreloading from its default value of 'PAGE' to 'NEXT' so that only one image, rather than all the images on the first thumbnail page (10 images in your case), is preloaded when the gallery is first displayed. This will reduce the initial load on the user's browser.
However, please note that imagePreloading is a Pro-only configuration option which is not supported in Juicebox-Lite.
I've just double-checked and the current version of the plugin definitely reads "Juicebox-Lite Lightroom Plugin v1.4.4.1" in the 'Site Info' section so it sounds like you might be using some older plugin files.
Try reinstalling the current version of the plugin from scratch.
Download the latest Juicebox-Lite zip package from the link on the download page, delete the existing 'juicebox-lite.lrwebengine' folder from your '/Lightroom/Web Galleries/' folder and install the plugin from the 'juicebox_lite_1.4.4.1.zip' package following the instructions on the plugin's support page.
This should hopefully solve your problem.
If nothing is showing on your mobile device, then please make sure that you are viewing your gallery over a wi-fi connection and not 3G or 4G.
Please see this FAQ:
Why can't I view my gallery on a 3G mobile connection?
Hopefully the suggestion in the FAQ will solve your problem. If not, then please post the URL to your gallery so that I can take a look at the problem for myself and hopefully help further. Thank you.
No problem.
I'm glad you've been able to figure out what was causing your problem.
Thanks for posting back to let me know.
Adobe have discontinued Extension Manager (please see here for details) and, according to this page, it should no longer be possible to use Extension Manager to install the .zxp version of the plugin in Photoshop CC 2015.
Note:
In Photoshop CC 2015, you can no longer install add-ons directly using Extension Manager. Instead you must use the Creative Cloud desktop app.
(Incidentally, contrary to this information, I have been able to install the .zxp version of the plugin in Photoshop CC 2015 using Extension Manager CC v7.3.2.39 on PC.)
Instead, visit the plugin's web page on the Adobe Add-ons site: https://creative.adobe.com/addons/products/2465
... and click the 'Free/Install' button.
Make sure that you have File Sync enabled in your Creative Cloud desktop app ('Tools -> Preferences -> Creative Cloud -> Files -> Sync').
This should work fine (it has been tested with the latest version of Creative Cloud desktop app v2.2.0.129) but if you have any problems, just download the CS2, CS3 and CS4 .zip version from the plugin's support page and follow the manual installation instructions. The resulting files in the 'Presets/Scripts/' folder will be exactly the same as if installing the .zxp version. Only the packaging of the files differs between the two.
Posts found: 2,576 to 2,600 of 5,812