Topic: Unable to view gallery

Hello, I just purchase this great gallery but I'm unable to see the gallery.  It keeps wanting to display the Tall and wide jpeg instead of my photos.  How does the config.xml file get updated with my gallery names instead of it seeing the tall and wide photos??

Re: Unable to view gallery

This is the url of the gallery
http://ozielgrandchapternj.org/2014_gallery_COTY.asp

Re: Unable to view gallery

It keeps wanting to display the Tall and wide jpeg instead of my photos.

It sounds like you are using the sample 'web' gallery form the Juicebox-Pro download zip package.
Create a new gallery with JuiceboxBuilder-Pro, save the gallery to a new empty folder and use the files within this folder when you embed the gallery in your web page (following the instructions here).
You might want to create a new folder on your desktop before creating a gallery with JuiceboxBuilder-Pro.
When you save the gallery on the 'Publish' tab, navigate towards the new folder after clicking the 'Browse...' button.

Re: Unable to view gallery

Hi, this is not working, is there someone that can contact me via phone support? Please email me at bloren28@gmail.com
I can not get this to recognize my photos I'm posting.
Thanks!
Brenda

Re: Unable to view gallery

I can see my photos on my dreamweaver page, but when I view on the web it goes back to the generic photos.

Re: Unable to view gallery

is there someone that can contact me via phone support?

Unfortunately, we are unable to provide telephone support. We provide support via email and the online forum.

but when I view on the web it goes back to the generic photos.

The only way that your gallery would be able to display the images from the sample gallery would be if:
(1) You uploaded the sample images to your web site.
(2) The imageURL entries in your gallery's XML file points towards the sample images.

On the web page whose link you posted above, you have two different lots of embedding code:

<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>

... and:

<script src="web/images/COTY/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'web/images/COTY/',
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(18,18,18,1)"
});
</script>
<div id="juicebox-container">

However, if you want only one gallery displayed on your page, then you should remove one of the above.

At the moment, both galleries use the XML file from the sample web gallery (pointing towards the sample images in their respective 'images' folders). Take a look at the following two files on your web server and you will see that they are identical and contain entries only to the sample images.
http://ozielgrandchapternj.org/config.xml
http://ozielgrandchapternj.org/web/imag … config.xml

If you remove the first lot of embedding code from your web page and replace the contents of your 'COTY' directory with the contents of your own gallery folder ('config.xml' file, 'jbcore' folder, 'images' folder, 'thumbs' folder), then your own gallery will display on your main web page.

7 (edited by bloren28 2014-07-15 11:49:46)

Re: Unable to view gallery

OK, I saw I had two script files, I remove the one above.  But as for the config.xml are both of them controlling this gallery? http://ozielgrandchapternj.org/config.xml
http://ozielgrandchapternj.org/web/imag … config.xml

Or do I need to remove the first one, and keep the one within the /web folder?

I installed this program twice and I think it repeated files in two locations.
Do I have to manually alter the config.xml to my image location each time I create a gallery, the program doesn't do that for me?

It appears I have /jbcore and /thumbs and /config.xml on my root directory AND within my /web folder... Please tell me where they belong on my root or in my /web folder?

Re: Unable to view gallery

I removed the first script section and I updated the config.xml to point to my images folder and now the webpage is blank.

Re: Unable to view gallery

As you say, your 'juicebox.js' file is, indeed, in two locations on your web server and you can view them both in a browser to confirm this:
http://ozielgrandchapternj.org/jbcore/juicebox.js
http://ozielgrandchapternj.org/web/jbcore/juicebox.js

In terms of embedding a gallery, it does not matter where the 'jbcore' folder is on your web server as long as the path to the 'juicebox.js' file within your gallery's embedding code is correct.
On your '2014_gallery_COTY.asp' page on your web server, the path to the 'juicebox.js' file is incorrect.
You currently use:

<script src="web/images/COTY/jbcore/juicebox.js"></script>

... but there is no 'juicebox.js' file in that location (http://ozielgrandchapternj.org/web/imag … uicebox.js) on your web server.

It looks like you have uploaded a complete gallery to your http://ozielgrandchapternj.org/web/ directory.

If you do the following, your gallery will display OK.

(1) Remove the 'jbcore' folder from the root of your web space (it is not required as you can use the 'jbcore' folder within your 'web' directory).

(2) On your '2014_gallery_COTY.asp' page, replace:

<script src="web/images/COTY/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'web/images/COTY/',
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(18,18,18,1)"
});
</script>
<div id="juicebox-container">

... with:

<script src="/web/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: '/web/',
containerId: 'juicebox-container',
galleryWidth: '100%',
galleryHeight: '100%',
backgroundColor: 'rgba(18,18,18,1)'
});
</script>
<div id="juicebox-container">

(3) The paths to the main images (the imageURLs) are incorrect in your gallery's XML file. Open your http://ozielgrandchapternj.org/web/config.xml file in a plain text editor and change the paths in the imageURLs from:

imageURL="web/images/COTY/DSC_0018.jpeg"

... to:

imageURL="images/DSC_0018.jpeg"

Following the above steps will have the same result as if you had created a gallery with JuiceboxBuilder-Pro, named the gallery folder 'web', uploaded the complete gallery folder to your web server and embedded the gallery in a web page using the baseUrl method of embedding as documented here.

If you just replace the embedding code as in Step #2 above and upload a complete gallery folder (created by JuiceboxBuilder-Pro with no modifications to any files afterwards) named 'web' to the root directory of your web server, this would also work fine.

I hope this helps.