701

(17 replies, posted in Juicebox-Lite Support)

But when I try to view my website page locally in Firefox, it displays the following error message "Config file not found."

Unfortunately, very recently, Firefox 68.0 (released on 9 July 2019) introduced a new security restriction which blocks the loading of Juicebox galleries locally (from your computer's hard drive). (There is no problem once the gallery has been uploaded to a web server.)

Here is the relevant entry from the Firefox 68.0 Release Notes: https://www.mozilla.org/en-US/firefox/6 … easenotes/

Local files can no longer access other files in the same directory.

It's an unfortunate turn of events but, thankfully, not an insurmountable problem as there is a workaround.

Here are the steps required to relax this security restriction:
(1) Enter about:config in your Firefox browser's address bar.
(2) Click past the warning via the "I accept the risk!" button.
(3) Enter privacy.file_unique_origin in the search bar.
(4) Double-click the Preference Name to change the Value from 'true' to 'false'.

***Please do so at your own risk*** (although this should be no more of a risk than running the previous version of Firefox (67.0.4)).

I hope this helps.

702

(4 replies, posted in Juicebox-Pro Support)

First of all, I should note that the information contained in this thread is now out of date.
In Juicebox v1.3.0 (released 16 April 2013), thumbnail configuration options were changed to:
showThumbsButton (Lite & Pro)
showThumbsOnLoad (Pro only)
showSmallThumbsButton (Pro only)
showSmallThumbsOnLoad (Pro only)
(This is noted in the Version history page.)

showThumbsButton still applies to Juicebox-Lite as it did before (the option to display the Thumbnail Button on the gallery's Button Bar to allow the user to toggle the thumbnails on and off) but the only way to completely disable thumbnails is to use Juicebox-Pro and to set the following options:
showThumbsButton="FALSE"
showThumbsOnLoad="FALSE"
showSmallThumbsButton="FALSE"
showSmallThumbsOnLoad="FALSE"

I've found your original purchase in our transaction records and have sent you a new download link for Juicebox-Pro (via email).

First of all, please let me reassure you that the current version of JuiceboxBuilder-Pro (v1.5.1) runs fine on Windows 10. (I'm currently using Version 1903, OS Build 18362.239.)

I'm not sure what the error is that you are encountering (there is no image attached to your post) but please try the following.

(1) Uninstall your current version of JuiceboxBuilder-Pro (if you have a version installed).
Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and empty your Trash.
Windows: Use the uninstaller in the 'Control Panel -> Programs -> Uninstall a program...' list.

(2) After uninstalling JuiceboxBuilder-Pro, please check that there are no files are left behind (even from a failed installation) by manually deleting the following folders (if they exist) from your hard drive:
Mac:
/Applications/JuiceboxBuilder-Pro.app/
/Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
/Users/Username/Library/Preferences/JuiceboxBuilder-Pro
Windows:
C:\Program Files (x86)\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Pro
C:\Users\Username\Documents\JuiceboxBuilder-Pro
You may need to show hidden files to find some of the above locations in Windows File Explorer.

(3) Also, please follow the procedure above (Steps #1 - #2) for JuiceboxBuilder-Lite, too (if you have it installed).
JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can both be installed and run side by side on the same computer but, being that you are experiencing problems, it might be wise to completely clear your system of all JuiceboxBuilder files before trying to reinstall JuiceboxBuilder-Pro.

(4) Uninstall Adobe AIR.

(5) Reinstall Adobe AIR.
You can download the latest version of Adobe AIR (v32.0) from here.
Windows: To install Adobe AIR, instead of just double-clicking the 'AdobeAIRInstaller.exe' installation file, right-click it and select 'Run as administrator'.

(6) Reinstall JuiceboxBuilder-Pro (make sure that it is the latest version, v1.5.1) following the instructions here.

(I've included details for Mac above, too, just in case any Mac users are reading this thread and are having similar issues.)

Hopefully this will help.
If you run into any problems whilst installing JuiceboxBuilder-Pro, there are troubleshooting tips which might help in the Installation Issues section of the JuiceboxBuilder User Guide.
Please let me know how you get on and if I can be of any further assistance.

If you continue to experience difficulties, please post the error message that you see so that I know exactly what the problem is.
Thank you.

704

(1 replies, posted in Juicebox-Pro Support)

Unfortunately, there are no configuration options that you can set to achieve this functionality.
You would need to create your own custom HTML input box and use the Juicebox-Pro API (specifically the showImage(index:int) method) to show the image corresponding to the number entered into the box.
You can see this in action in the Juicebox-Pro API online demo gallery here.
Enter an image number in the 'Show Image' input box and click the 'Show Image' button.
The code for this would look something like the following:

<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
    var jb = new juicebox({
        containerId: "juicebox-container",
        galleryHeight: "400",
        galleryWidth: "600"
    });
    $(document).ready(function() {
        $('#show').click(function() {
            var value = parseInt($('#index').val(), 10);
            var total = jb.getImageCount();
            if (isNaN(value) || value < 1 || value > total) {
                alert('Please enter an integer between 1 and ' + total + ' (inclusive).');
            } else {
                jb.showImage(value);
            }
        });
    });
</script>
<div id="input">
    <input id="index" type="text" />
    <span>&nbsp;</span>
    <input id="show" type="button" value="Show Image" />
</div>
<div id="juicebox-container"></div>

This might not be easy to integrate into a Drupal page, though.
You would likely need to be familiar with the source code for your Drupal theme and the Juicebox module for Drupal (which is an unofficial plugin note written by ourselves).
Perhaps posting your query in the Drupal forum (where those with more familiar with the module and Drupal itself will see it) might prove to be helpful.
I hope this points you in the right direction, though.

Edit:
If you are looking to for your 'Go To' button to select one of several different galleries (rather than to select a specific image within a certain gallery), then please see the Embedding Multiple Galleries support section.
Again, there is no quick and easy solution for this (you'd need to create your own menu links within your Drupal page) but the support section should at least help you to either link to different gallery pages or switch between galleries (using JavaScript) on a single web page. (Integration within Drupal might be difficult.)

If you are looking for a fully automated and customizable method of creating and displaying multiple galleries, then you might like to take a look at another one of our products - Showkase.

Showkase is a PHP web application (installed on your web server rather than your computer) which allows you to create a complete portfolio web site (integrating multiple galleries) online.
Showkase has full support for Juicebox-Pro and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder-Pro and imported).

You can create Gallery Index pages and have as many galleries listed on each Gallery Index page as you wish.
Each gallery is represented by a thumbnail image with the gallery title displayed below and the gallery is opened when the user clicks on the image.
Demo sites created with Showkase can be found here and a sample Gallery Index page can be found here.
(Please note that although the Showkase navigation menu will include links for all gallery pages, there is no built-in support for selecting a specific image via an input box and this would still need to be implements manually.)

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).
All of this is done automatically within the Showkase interface without the need for any manual coding at all.
You can take a look around the Showkase interface by logging into the Live Demo Admin.

I'm glad that you've found what you were looking for.
Thank you for letting me know.

For others reading this thread and wanting to know more about Screen Modes (Large vs Small) and how Juicebox adapts to different devices and screen sizes, please see the Gallery Tour here.

You're welcome!
I hope you get OK on. Just let me know if you run into any difficulties and I'll do my best to help you out.

707

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
It's an unfortunate turn of events but, thankfully, not an insurmountable problem.

Galleries created by WP-Juicebox do not use static 'config.xml' files.
All XML data is generated dynamically on-the-fly at the time the gallery is displayed/viewed (so there are no XML files that you can edit manually).
WP-Juicebox generates XML data dynamically to prevent galleries from having to be rebuilt (via a separate user-driven action) when images are added to pages/posts or when image properties (such as titles) are changed.
This behavior is also in keeping with WordPress itself where content is generated dynamically.

As an alternative to using WP-Juicebox, you could create a gallery with JuiceboxBuilder-Pro (so that you have a regular gallery with a 'config.xml' file that you can edit inb a plain text editor) and then embed it into ypour WordPress page/post manually using the baseUrl method of embedding documented here.

(1) Enter your gallery's baseUrl embedding code into a 'Formatting -> Custom HTML' Gutenberg block.

(2) Upload your complete gallery folder to your root directory and use a leading slash in your embedding code paths to denote your root directory. This should work with any permalink structure. For example:

<!--START JUICEBOX EMBED-->
<script src="/gallery_folder/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: "/gallery_folder/",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

I hope this helps.

709

(3 replies, posted in Juicebox-Pro Support)

Unfortunately, Firefox 68.0 (released yesterday, 9 July 2019) has introduced a new security restriction which blocks the loading of Juicebox galleries locally (from your computer's hard drive). (There is no problem once the gallery has been uploaded to a web server.)

Here is the relevant entry from the Firefox 68.0 Release Notes: https://www.mozilla.org/en-US/firefox/6 … easenotes/

Local files can no longer access other files in the same directory.

Here are the steps required to relax this security restriction:
(1) Enter about:config in your Firefox browser's address bar.
(2) Click past the warning via the "I accept the risk!" button.
(3) Enter privacy.file_unique_origin in the search bar.
(4) Double-click the Preference Name to change the Value from 'true' to 'false'.

***Please do so at your own risk*** (although it should be no more of a risk than running the previous version of Firefox (67.0.4)).

I hope this helps.

710

(3 replies, posted in Juicebox-Lite Support)

I'm glad you've got it working.
Thank you for letting me know.

711

(3 replies, posted in Juicebox-Pro Support)

You're welcome!
I hope my notes help. (I realise that there is a lot to consider!)

712

(3 replies, posted in Juicebox-Lite Support)

After adding the images to your gallery in the media upload window, I expect that you are probably clicking the 'Insert into post' or 'Create a new gallery' button. This will display the images directly within your WordPress page or post (in addition to attaching the images to the page or post, which is all that is required to add the images to your Juicebox gallery).
(Incidentally, the 'Create a new gallery' button refers to a WordPress gallery and this is unconnected to WP-Juicebox.)

The key is to simply close the media window (via the cross in the top right corner) after the images have finished uploading.
(This is noted in the 'Adding Images From WordPress Media Library' section in the WP-Juicebox support page.)
As soon as the images have finished uploading, they will be attached to the page or post and will be displayed in your Juicebox gallery.

I hope this helps.

713

(3 replies, posted in Juicebox-Pro Support)

There's no automated way to ensure that an automated slide show matches the length of an audio track but you can adjust the length of time an image is displayed for (before transitioning to the next one) via the displayTime configuration option (in JuiceboxBuilder-Pro's 'Customize -> AutoPlay' section) and the time it takes for one image to transition to another via the imageTransitionTime option ('Customize -> Main Image').
You should hopefully be able to change the length of time your slideshow plays for with these options.

Here are a couple of tips for anyone looking to do this...

(1) Just in case your slideshow time does not exactly match the length of the audio track, you might like to enable audio looping (so that the audio track starts again after finishing) by setting loopAudio="TRUE" ('Customize -> Audio').

(2) If you want to prevent the user from interrupting the flow of the slideshow (for example, by manual navigation to an image) or pausing the audio track (which would break the synchronization of the AutoPlay and Audio), then you will need to:

  • Set AutoPlay and Audio to start on load: autoPlayOnLoad="TRUE", playAudioOnLoad="TRUE"

  • Disable keyboard controls: enableKeyboardControls: "FALSE"

  • Hide AutoPlay, Audio and navigation buttons from the Button Bar: showAudioButton="FALSE", showAutoPlayButton="FALSE", showImageNav="NEVER", showNavButtons="FALSE" (or just hide the entire Button Bar by setting buttonBarPosition="NONE")

  • Prevent thumbnails from being displayed: showThumbsButton="FALSE", showThumbsOnLoad="FALSE"

  • Disable image click functionality: imageClickMode="NONE"

Important Note:
Unfortunately, very recently, desktop browsers have started to block the autoplay of audio (and video).
Firefox, from version 66 onwards, now blocks the autoplay of audio (and a click is required from the user to start the audio).
Likewise, recent versions of Chrome, Opera and Safari also now block the autoplay of audio.
playAudioOnLoad continues to work only in Edge and Internet Explorer 11.

Here are the release notes for Firefox 66 where this change of behavior was first noted: https://www.mozilla.org/en-US/firefox/6 … easenotes/

I have contacted the developers to let them know of this and a note regarding this change should be added to our online support documentation in the next website refresh.

Unfortunately, there is nothing that can be done from within Juicebox to override this new browser functionality.
If a user want to allow the autoplay of audio in a browser, then the browser's settings need to be changed by the user.
Please see this web page for more information regarding Chrome, Firefox and Safari.
Chrome: https://developers.google.com/web/updat … cy-changes
Firefox: https://support.mozilla.org/en-US/kb/block-autoplay
Safari: https://webkit.org/blog/7734/auto-play- … for-macos/

As unfortunate as it is, there is nothing that can be done from within Juicebox to force audio to autoplay in modern browsers any more.

This is just a short note to let you know that this is a support forum for the Juicebox-Pro web gallery software from SimpleViewer Inc.

From your post above, it sounds like you are referring to a 'JuiceBox' from eMotorWerks, a completely unrelated company to our own (although the product names are the same).

I do not know if they have a forum but anyone who needs to contact eMotorWerks directly for support should be able to do so via their online form here: https://emotorwerks.com/contact

715

(3 replies, posted in Juicebox-Pro Support)

That fixed the problem.

That's great! Thank you for letting me know.

If anyone has an iPhone to test it on I'd appreciate it.

I don't have an iPhone but I have an iPod Touch 6 running iOS 12.3.1.
If you like, let me know the URL of the web page you'd like me to check and I can post a screenshot in this thread to let you see what I see in Mobile Safari.

716

(3 replies, posted in Juicebox-Pro Support)

In order for the Back Button to be visible on mobile devices (when Juicebox-Pro displays the gallery in Small Screen Mode), you'll need to set showSmallBackButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Back Button' section).
This should hopefully resolve your problem.

(Please note that the Back Button is displayed only on main image pages and not on thumbnail pages in Small Screen Mode.)

717

(3 replies, posted in Juicebox-Pro Support)

If you'd like your Audio Button to stand out from the other icons on the Button Bar, you could color it differently by using CSS such as the following. (This example will color the Audio Button red.)

.jb-bb-button.jb-bb-btn-audio {
    color: #ff0000;
}

Put this CSS code at the foot of your gallery's 'jbcore/classic/theme.css' file. (If you put the code in the gallery's embedding page, then the Audio Button will not be colored if/when the gallery is expanded in a new page (for example, on iOS devices).)

This might at least attract some attention and users will hover over the button where they will then see the rollover tooltip text  "Play Audio". If you like, you can change this tooltip text via the languageList configuration option. Please see the International Gallery Text support section for details. (The languageList option was intended for translating the on-screen text into different languages but you can use it to change the messages to whatever you like.)

If you want to actually change the Audio Button icon itself, then this is also possible (but more difficult).
Please check out the Using Custom Icons support section in the Theming Guide for details.

Alternatively, you could create your own Audio Button and place it alongside the gallery on the embedding page.
You would need to use the Juicebox-Pro API (specifically the toggleAudio() method) and knowledge of JavaScript would be required.
Take a look at the Juicebox-Pro API demo gallery here. You'll see that there is a 'Toggle Audio' button to the left of the gallery. You could do something similar for your own gallery's web page. (Check out the source of the demo in your browser to see how it is done.)
Your custom Audio Button does not need to be an HTML button, though. You could make any HTML element (e.g. text or an image) clickable and act like a button.

I hope this gives you some ideas as to how you could make your Audio Button more prominent now that autoplay is becoming less likely to happen (depending on the user's browser).

718

(3 replies, posted in Juicebox-Pro Support)

Unfortunately, very recently, desktop browsers have started to block the autoplay of audio (and video).
Firefox, from version 66 onwards, now blocks the autoplay of audio (and a click is required from the user to start the audio).
Likewise, recent versions of Chrome, Opera and Safari also now block the autoplay of audio.
playAudioOnLoad continues to work only in Edge and Internet Explorer 11.

Here are the release notes for Firefox 66 where this change of behavior was first noted: https://www.mozilla.org/en-US/firefox/6 … easenotes/

I have contacted the developers to let them know of this and a note regarding this change should be added to our online support documentation in the next website refresh.

Unfortunately, there is nothing that can be done from within Juicebox to override this new browser functionality.
If a user want to allow the autoplay of audio in a browser, then the browser's settings need to be changed by the user.
Please see this web page for more information regarding Chrome, Firefox and Safari.
Chrome: https://developers.google.com/web/updat … cy-changes
Firefox: https://support.mozilla.org/en-US/kb/block-autoplay
Safari: https://webkit.org/blog/7734/auto-play- … for-macos/

As unfortunate as it is, there is nothing that can be done from within Juicebox to force audio to autoplay in modern browsers any more.

I realise that this may not be the answer that you were looking for but I hope that my notes above at least explain what you have recently been experiencing.

719

(5 replies, posted in Juicebox-Pro Support)

That's great!
I'm glad you've got it working.

720

(5 replies, posted in Juicebox-Pro Support)

If you are not manually embedding your gallery into an existing web page alongside other content, then you are likely using the 'index.html' web page which is generated by JuiceboxBuilder-Pro (or the Juicebox Plugin for Lightroom).
The gallery's embedding code can be found inside this 'index.html' file (and you can open the 'index.html' file in a plain text editor to view and/or modify the gallery's embedding code).

As an example, open your https://www.roatan.photos/video-slideshows/flowers/blooming/index.html file in a plain text editor and scroll down to line 24 and you'll find the following <script> ... </script> section:

<script>
    new juicebox({
        backgroundColor: "rgba(0,0,0,1)",
        containerId: "juicebox-container",
        galleryHeight: "100%",
        galleryWidth: "100%"
    });
</script>

It is this section of code that you should replace with one of the suggested code samples from my post above.
I've added your custom background color and gallery dimensions to the code samples above so you can just do a quick copy and paste without too many modifications. Just change the URL that you want to open when the last image has been reached in the following line of code:

window.location.href = 'http://www.example.com'; line.

So basically, just replace the code between the <script src="jbcore/juicebox.js"></script> tag and the opening <div id="juicebox-container"> tag in the gallery's 'index.html' file with one of the code samples above.

721

(5 replies, posted in Juicebox-Pro Support)

This is not something that Juicebox was designed to do but it should be possible with help from the Juicebox-Pro API.

You'll need to edit your gallery's embedding code, though.
There are no configuration options which you can set to make this happen.

If you want to redirect the user to a custom web page when the last image in the gallery has been reached, then try something like this:

<script type="text/javascript">
    var jb = new juicebox({
        backgroundColor: "rgba(0,0,0,1)",
        containerId: "juicebox-container",
        galleryHeight: "100%",
        galleryWidth: "100%"
    });
    jb.onInitComplete = function() {
        var imageCount = jb.getImageCount();
        jb.onImageChange = function(e) {
            if (e.id === imageCount) {
                window.location.href = 'http://www.example.com';
            }
        };
    };
</script>

If you want to introduce a delay (so that the last image can be seen for a set amount of time before the redirection happens), then try the following, changing the delay time of 5s (500ms) to whatever you like:

<script type="text/javascript">
    var jb = new juicebox({
        backgroundColor: "rgba(0,0,0,1)",
        containerId: "juicebox-container",
        galleryHeight: "100%",
        galleryWidth: "100%"
    });
    jb.onInitComplete = function() {
        var imageCount = jb.getImageCount();
        jb.onImageChange = function(e) {
            if (e.id === imageCount) {
                window.setTimeout(function() {
                    window.location.href = 'http://www.example.com';
                }, 5000);
            }
        };
    };
</script>

If you want the redirection to happen only when the last image has been reached via AutoPlay (and not by user navigation), then try the following, which also includes the delay:

<script type="text/javascript">
    var jb = new juicebox({
        backgroundColor: "rgba(0,0,0,1)",
        containerId: "juicebox-container",
        galleryHeight: "100%",
        galleryWidth: "100%"
    });
    jb.onInitComplete = function() {
        var imageCount = jb.getImageCount();
        jb.onImageChange = function(e) {
            if (e.id === imageCount && $('.jb-bb-btn-auto-play').first().hasClass('jb-status-playing')) {
                window.setTimeout(function() {
                    window.location.href = 'http://www.example.com';
                }, 5000);
            }
        };
    };
</script>

I hope this helps and points you in the right direction.

722

(5 replies, posted in Juicebox-Pro Support)

You're welcome!
It's a shame that there isn't a quick and easy solution to overcome the image share limitation but I hope that you've at least got things working within the design specifications.

723

(5 replies, posted in Juicebox-Pro Support)

- why Juicebox Lightroom plugin has created a relative path and not an absolute one?

In order for both JuiceboxBuilder-Pro and the Juicebox Plugin for Lightroom to generate an absolute path for the og:image entry, it is necessary to complete the Share URLcorrectly (in both applications).
Both applications generate an absolute path by concatenating the Share URL and the path to the first image in the gallery.
The only difference between JuiceboxBuilder-Pro and the Juicebox Plugin for Lightroom in this respect is that, in JuiceboxBuilder-Pro, the og:image entry is left empty if the Share URL is empty whereas the Juicebox Plugin for Lightroom still outputs the path to the first image even if the Share URL is empty.
The end result is the same in both cases, though: the Share URL must be completed correctly (in both applications) for the Facebook share window to display the image.

- Facebook is going to display the same image for all the photos in the gallery, not the specific photo shared. Or am I wrong?

That is correct. This is just how Facebook works (by using the web page's Open Graph og:image entry for all shared links on the page).
It is not possible (at least not easily) to have the shared image's thumbnail displayed in the pop-up Facebook share window due to limitations imposed by Facebook on what data can be passed via their share URL. Only one thumbnail image can be used per web page. However, the shared link itself will still point towards the correct image within your gallery.

You can think of the og:image as being representative of the gallery as a whole so you could use an image which best represents your gallery.
The og:image does not need to be an image from the gallery itself. You can edit the gallery's 'index.html' in a plain text editor to change the og:image path. (Just make sure that the path you use is an absolute one.)

Just in case you are thinking of delving much deeper into this, the only user I know of who seems to have managed to overcome this restriction is sly from this thread.
His solution seems to be included within a rather complex custom JavaScript file (check out the 'jcaddon.js' file on his gallery pages) which overrides some of Juicebox-Pro's own sharing functionality and, therefore, is not officially supported.
(As such, I have not tested his solution myself and I cannot be sure that it will work across all platforms and in all browsers.)
However, I hope this points you in the right direction.

724

(10 replies, posted in Juicebox-Pro Support)

You're welcome! I'm glad you've got it working.
Thank you for letting me know. It's most appreciated.

725

(5 replies, posted in Juicebox-Pro Support)

You og:image meta tag (in your gallery's 'index.html' file) is currently:

<meta property="og:image" content="/images/or_2011_05_0022.jpg" />

Facebook requires that the og:image path be an absolute path (rather than a relative path).

There are a couple of ways to fix this.

(1) Open your gallery in JuiceboxBuilder-Pro, go to the 'Customize -> Sharing' section, and enter the absolute path to the directory containing your 'images' folder in the 'Share Url' input box i.e.:

http://pascalriben.com/About Color/

Now re-save your gallery on the 'Publish' tab.
JuiceboxBuilder-Pro will use the 'Share Url' at the beginning of the og:image path and will append the path to the first image in the gallery after it.

... or:

(2) Open your gallery's 'index.html' file in a plain text editor and replace:

<meta property="og:image" content="/images/or_2011_05_0022.jpg" />

... with:

<meta property="og:image" content="http://pascalriben.com/About Color/images/or_2011_05_0022.jpg" />

(You can use the absolute path to whatever image you like.)

If, after making this change, you still do not see the image in the Facebook share window, then you might need to run your gallery's web page URL through Facebook's online debuggers to instruct Facebook to fetch new scrape information (including the og:image path) from your page.
(1) Facebook's Sharing Debugger: https://developers.facebook.com/tools/debug/sharing/
(2) Facebook's Batch Invalidator: https://developers.facebook.com/tools/d … ing/batch/
(3) Facebook's Open Graph Object Debugger: https://developers.facebook.com/tools/debug/og/object/
(Click the 'Fetch new scrape information' button.)

This should hopefully resolve your problem.