• Registered: 2014-06-26
  • Posts: 3

Topic: Multiple Juicebox on page - 2 issues [SOLVED]

Hi,

On this page:  http://www.absorbentsonline.com/industr … p-rags.htm

I have created 3 separate small Juicebox galleries. Following another post, I have given each gallery their own ID. I have two issues I would like help with.

1. When you access the page now, the brower url appends a #1 at the end of the URL. This goes away when I comment out my Juiceboxes and it is not appended to any page that has only one Juicebox gallery. I realize it is just an anchor and not important but, I'd like to know if there is something I can modify in the Juicebox containers to eliminate it.

2. When you navigate the galleries, you will see that all three galleries change slides at the same time. I'd prefer a setting that makes each of them independent.

Please note that I created each gallery separately and they have their own folder structure and their own base url, etc. Also, for background info, Juicebox Pro, Mac OS 10 Mavericks, web editor is Coda2. HTML site not Wordpress.

Suggestions please.  Thank you, rdgreenllc

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Multiple Juicebox on page - 2 issues [SOLVED]

1. When you access the page now, the brower url appends a #1 at the end of the URL.

This is because you have set enableDirectLinks="TRUE".  When using this configuration option, the URL in the browser will be appended with a # indicator with the index of the current image being displayed (giving each image in the gallery a direct link).
Set enableDirectLinks="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section) and there will be no # at the end of your URL.

2. When you navigate the galleries, you will see that all three galleries change slides at the same time.

I think this problem may be due to the fact that you load the 'juicebox.js' JavaScript file for each and every gallery on the your web page. This is not necessary (and may be causing problems with your multiple galleries).
Try loading 'juicebox.js' just once on your web page (before the embedding code for your first gallery).
Also, I notice that you are currently using Juicebox-Pro v1.3.3. Try upgrading to the most recent version (v1.4.2) as many bugs have been fixed since v1.3.3.
Please see the Upgrading Juicebox support page for instructions on how to upgrade existing galleries and the Version History for a full list of changes between versions.

  • Registered: 2014-06-26
  • Posts: 3

Re: Multiple Juicebox on page - 2 issues [SOLVED]

Steven, Excellent! Actually, the first tip took care of both the appended #1 AND the separate JB's progressing together.

I'll still do the other tip though removing the duplicate call to the .js file. I'll check my JB again for updates. I did not see one earlier. I said I was on Mac right? But you use Adobe Air which is platform agnostic I think. I'll check.

Thanks for your help.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Multiple Juicebox on page - 2 issues [SOLVED]

I said I was on Mac right? But you use Adobe Air which is platform agnostic I think.

You mentioned you were using a Mac but this is not really relevant to your problem.
JuiceboxBuilder-Pro runs on Adobe AIR so although the Adobe AIR installation package differs for Mac and PC, the JuiceboxBuilder-Pro.air package is the same for both platforms.
Whether you use JuiceboxBuilder-Pro on a Mac or PC, the gallery files generated by the program will be the same regardless of the platform used.

  • Registered: 2014-06-26
  • Posts: 3

Re: Multiple Juicebox on page - 2 issues [SOLVED]

Thanks Steven, You can mark as resolved. The fix was perfect.