1 Reply by KallenWebDesign

(7 replies, posted in Juicebox-Pro Support)

Steven @ Juicebox wrote:

Thanks for trying. I'm sorry it didn't work.

The good news is that Juicebox galleries do work with "Enable HTTPS-Only Mode in all windows" in Firefox on https:// sites.

One thing I notice is that at the foot of your gallery page, you have some Statcounter code which includes a couple of http:// links (not https://) in two separate <noscript> sections.
Try changing them to https://. Maybe this is breaking the page in HTTPS-Only Mode.

I'll keep my fingers crossed that this helps.

This did work! Thank you so much for your patient troubleshooting, especially since it was our own error of not having the updated https statcounter code on the page. I really appreciate it. ⭐⭐⭐⭐⭐

Go to forum: Juicebox-Pro Support

2 Reply by KallenWebDesign

(7 replies, posted in Juicebox-Pro Support)

Steven @ Juicebox wrote:

Thank you for posting your troubleshooting results.
I see the problem when I "Enable HTTPS-Only Mode in all windows" in Firefox.

Here are a couple of suggestions which might hopefully help.

....

Failing that, try hard-coding https:// into the paths:

<script src="https://www.superiorfleetbodyrepair.com/photogallery/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: 'https://www.superiorfleetbodyrepair.com/photogallery/',
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "1000",
        backgroundColor: "rgba(255,255,255,1)"
    });
</script>
<div id="juicebox-container"></div>

I hope that helps.

We set up a test page to try the code you suggested: https://www.superiorfleetbodyrepair.com … x-test.htm

We tried both sets of code. The code there now has the second set. Still getting the error, which you can see if you view source.

Go to forum: Juicebox-Pro Support

3 Reply by KallenWebDesign

(7 replies, posted in Juicebox-Pro Support)

Steven @ Juicebox wrote:

Your gallery displays OK in my own Firefox browser (Firefox 119.0.1 Windows 64-bit) and I see no problem with the embedding code.

Try completely clearing your browser's cache and reloading the web page to see if this makes a difference.

Please let me know how you get on. Thank you.

Thanks for your response!

I have opened it in an "incognito" window, and I get the same thing. Also on my wife's pretty much identical laptop running the current version of firefox, she gets the same thing.

We are running 119.0.1 (64-bit).

Ahhh.... I just turned off "https only mode" in the firefox privacy and security settings, and the gallery displayed. Considering what a large number of people use this, can this be fixed?

Go to forum: Juicebox-Pro Support

4 Topic by KallenWebDesign

(7 replies, posted in Juicebox-Pro Support)

I get a grey screen with only this error in the middle Juicebox Error: Cannot find div with id: "juicebox-container" when going to this page in firefox:

https://www.superiorfleetbodyrepair.com/photogallery/

It works fine in chrome and on my ipad in safari.

Can you please help?

Go to forum: Juicebox-Pro Support

5 Reply by KallenWebDesign

(3 replies, posted in Juicebox-Pro Support)

Fantastic, that is exactly what I needed.  Thank you so much!

Go to forum: Juicebox-Pro Support

6 Topic by KallenWebDesign

(3 replies, posted in Juicebox-Pro Support)

I have noticed in the past that most of our galleries increment a number as each photo changes.

For example, with each photo, the url changes from
https://www.hoffmanbrosinc.com/excavati … ort.html#1
to
https://www.hoffmanbrosinc.com/excavati … ort.html#2

BUT, I remember seeing at least one gallery we did where the #x was not used, the URL did not change.

Is there a setting to keep the photo gallery "Playing" on auto, but not change the URL with a #x at the end?

Go to forum: Juicebox-Pro Support

7 Topic by KallenWebDesign

(1 replies, posted in Juicebox-Pro Support)

I am clearly making some newbie mistakes setting up this gallery to work responsively on a bootstrap website page. 

It looks great in full browser mode, but as I make the screen width smaller, first my right column is covering the gallery, then even smaller, as the right column moves below the gallery, the gallery is still not responsive. 

Please see pics 1, 2 and 3 below.

Some helpful code to review here perhaps:
Is it my viewport tag?:

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 
I realize this is not optimal but is hard to adjust since it is in the site template.  I can change this to the recommended

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>

If needed.

Gallery code, perhaps it is the column code that is messing things up?

        <div class="row">
            <div class="col-12 col-sm-6">
<script src="West-Michigan-Camping-Gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
    baseUrl : 'West-Michigan-Camping-Gallery/',
containerId: "juicebox-container",
galleryWidth: "748",
galleryHeight: "850",
backgroundColor: "rgba(255,255,255,1)"
});
</script>
<div id="juicebox-container"></div>

    </div>
    </div>

-----------------

http://www.kallenweb.com/pic1.jpg

-----------------


http://www.kallenweb.com/pic2.jpg


-----------------

http://www.kallenweb.com/pic3.jpg

Go to forum: Juicebox-Pro Support

8 Reply by KallenWebDesign

(3 replies, posted in Juicebox-Pro Support)

Yes, thank you.

Go to forum: Juicebox-Pro Support

9 Topic by KallenWebDesign

(3 replies, posted in Juicebox-Pro Support)

Just downloaded 1.5.1 as an upgrade from 1.5.0.  There is no publish option and the save button is grayed out on a new gallery I just created in the GUI.  Help?

Duh, never mind, just saw the publish option along the top.

Go to forum: Juicebox-Pro Support