Topic: Countyfairgrounds Juicebox not showing

Please I am a pro member and am stuck - I do not understand why Juicebox will not show on http://www.countyfairgrounds.net/findan … nevent.php - left column bottom.

I know we are an https site.... but still. I generated the code and just I believe need a little help here.

Re: Countyfairgrounds Juicebox not showing

Your current embedding code requires that the contents of your gallery folder be copied into the same directory as teh web page containing the embedding code. The gallery files do not seem to be there.
Have you perhaps uploaded a complete gallery folder to somewhere on your web server?
If so, then you could use the baseUrl method of embedding as documented here.
Otherwise, copy the contents of your gallery folder to your 'findanevent' directory and your gallery should display OK.

If you continue to experience difficulties, then please let me know where on your web server you have uploaded your gallery to and I will let you know what your embedding code should look like.

Re: Countyfairgrounds Juicebox not showing

I uploaded the code on findanevent.php - if you look at source you will see it there. I also uploaded the whole folder to that same directory. It is there As a matter of fact I had it sotred in a weird place on my computer and when I went looking for it - well the files weren't there. SO I went back ftp and to my folder findanevent on our ftp site and downloaded it to my desktop - opened it and its all there. I tried to preview it in Firefox and it it says to go up one directory? but it shows all the files as being there. So I am confused. The folder in my findanevent directory is  called currentgalleries (not a great name I know but it my first attempt at this) By the way we are a high trafficed and ranked site and helping me getting this to work will be good advertising for you.  FIRST its got to work and then I need help in getting past my https

Re: Countyfairgrounds Juicebox not showing

The reason for the gallery not displaying currently is as follows.
The embedding code on your https://www.countyfairgrounds.net/findanevent/findanevent.php web page uses the following code:

<script src="jbcore/juicebox.js"></script>

Therefore, the 'juicebox.js' file should be located at https://www.countyfairgrounds.net/findanevent/jbcore/juicebox.js but going directly to that location in a browser results in an error 404 (file not found).
The 'juicebox.js' file is not where it should be on your web server (according to your embedding code).

As you have uploaded a complete gallery folder to https://www.countyfairgrounds.net/findanevent/currentgalleries/, you can point towards this gallery folder using a baseUrl.
Change your embedding code (on your findanevent.php page) to the following and your gallery should display.

<!--START JUICEBOX EMBED-->
<script src="currentgalleries/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: "currentgalleries/",
        containerId: "juicebox-container",
        galleryWidth: "300px",
        galleryHeight: "550px",
        backgroundColor: "rgba(128,0,0,1)"
    });
</script>
<div id="juicebox-container">
    *** KEEP YOUR GALLERY'S SEO CONTENT CODE HERE ***
</div>
<!--END JUICEBOX EMBED-->

Alternatively, you could keep your gallery's embedding code exactly as it is and copy the contents of the currentgalleries directory into the findanevent directory.
Either solution should work fine.

I would recommend keeping your gallery in the currentgalleries folder and using the baseUrl code (as above).
Keeping the gallery files together in a separate folder should help to keep things organized on your web server.

A couple of other notes:

(not a great name I know but it my first attempt at this)

There is absolutely nothing wrong with naming your gallery folder currentgalleries. This is just as valid as calling it anything else and it will not affect the functionality of your web site. In fact, you have named your gallery folder well, sticking to web-safe alphanumeric characters. (Using other 'reserved' characters in a web server directory name can sometimes cause problems.)

FIRST its got to work and then I need help in getting past my https

The fact that your web site is https:// should not make a difference to the embedding or functionality of a Juicebox gallery.

I hope the information above helps.

Re: Countyfairgrounds Juicebox not showing

okay, thanks - so far so good. Much to my surprise my chrome padlock is still green. I expected it not to be. Now I have two problems on the thing. - One the individual pix are not opening into a lightbox and two under the word back on the top is the title of the slider - its covering the word back. SO I am presuming I can reload the video and edit it and replace it? Just the code with the images? Can you help me fix these two problems?

Re: Countyfairgrounds Juicebox not showing

One the individual pix are not opening into a lightbox

In a Juicebox gallery, images do not open in a lightbox. When you click a thumbnail in a gallery, the main image in the gallery changes to display the selected image.
You can expand the gallery so that it fills the browser window by clicking the Expand Button on the gallery's Button Bar.
Hover over the gallery and the Button Bar will appear. Hover over the Button Bar icons and the Expand Button is the one with the text 'Expand Gallery'.

two under the word back on the top is the title of the slider - its covering the word back.

Your gallery currently sets galleryTitlePosition="TOP" and backButtonPosition="TOP" and there is not enough width in your narrow gallery to horizontally align the Gallery Title and Back Button so that they do not overlap. The easiest solution would be to change the position of either the Gallery Title or the Back Button, e.g.:

galleryTitlePosition="OVERLAY"
backButtonPosition="TOP"

For reference, a full list of configuration options can be found here.
You could either edit your gallery with JuiceboxBuilder-Pro (if you still have a copy of the gallery on your hard drive) and re-upload the gallery files to your web server or just edit your gallery's XML file manually and change the configuration options as necessary.
Just open your 'currentgalleries/config.xml' file in a plain text editor and edit the configuration options (the attributes to the opening <juiceboxgallery> tag) as required.
Other solutions would be to increase the width of your gallery or to reduce the size of your Gallery Title text and then to horizontally align either the Gallery Title or the Back Button to the right (e.g. backButtonHAlign="RIGHT").

Re: Countyfairgrounds Juicebox not showing

ah okay, I used the program and previewed it there and uploaded it again and overwrote the contentgalleries folder and now I get xml file not found. Now I am really confused.

Re: Countyfairgrounds Juicebox not showing

The embedding code on your findanevent.php web page is currently missing the baseUrl entry.
Change:

<script src="currentgalleries/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
galleryWidth: "300px",
galleryHeight: "550px",
backgroundColor: "rgba(128,0,0,1)"
});
</script>

... to:

<script src="currentgalleries/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: "currentgalleries/",
        containerId: "juicebox-container",
        galleryWidth: "300px",
        galleryHeight: "550px",
        backgroundColor: "rgba(128,0,0,1)"
    });
</script>

Re: Countyfairgrounds Juicebox not showing

ah , thanks - and it does work now but why was the baseUrl missing? Is it a feture in the configuration somewhere I missed?

Re: Countyfairgrounds Juicebox not showing

When you create or edit a gallery with JuiceboxBuilder-Pro, the baseUrl is not used and you need to add it to your embedding code manually afterwards.
However, if you are just editing a gallery, then you just need to replace the updated gallery files (in the gallery folder) and there is no need to alter the embedding code at all.