• Registered: 2013-01-09
  • Posts: 2

Topic: Responsive gallery?

Hello,

Just purchased the Pro version and I'm trying to embed a responsive image gallery in this test page http://bit.ly/XkkWPw and have the following issues:

- splash image distorted on mobile (it's on Auto now)
- not autoplaying though it's set on
- thumbnails, caption and title still showing  (managed to exclude them when building, the preview looked fine)
- how can I resize the image area?
- how can I leave out the Juicebox branding?

Thank you in advance for the help, it is greatly appreciated!

Best wishes,
Alina

  • Felix
  • Juicebox Support Team
  • Offline
  • Registered: 2012-04-24
  • Posts: 173

Re: Responsive gallery?

Hi, the gallery at the URL you posted is using Juicebox-Lite. You can tell by the fact that the juicebox badge is showing at bottom right. To convert an existing Juicebox-Lite gallery to Juicebox-Pro, open and re-save the gallery using JuiceboxBuilder-Pro. Alternatively you can replace the jbcore folder in the existing gallery folder with the one that comes in the Juicebox-Pro download web folder.

  • Registered: 2013-01-09
  • Posts: 2

Re: Responsive gallery?

Hi Felix,

Thanks for the reply.

This is where the gallery is uploaded and the Juicebox logo doesn't display like you said.
The code I'm using is:

<h1>Image Gallery</h1>
<!--START JUICEBOX EMBED-->
<script type="text/javascript" src="/ebooks/html5-banner/jbcore/juicebox.js"></script>
<script type="text/javascript">// <![CDATA[
  new juicebox({
      containerId : 'juicebox-container',
      baseUrl : 'http://industrial.macdermid.com/ebooks/ … x_gallery/',
  });
// ]]></script>
<div id="juicebox-container">&nbsp;</div>
<!--END JUICEBOX EMBED-->
<p>&nbsp;</p>

As you can see in the published page here http://bit.ly/XkkWPw juicebox logo shows.

And, most important, neither of the pages display on my Android device.

Help appreciated!
Alina

  • Felix
  • Juicebox Support Team
  • Offline
  • Registered: 2012-04-24
  • Posts: 173

Re: Responsive gallery?

The problem is in your embed code, you are using 2 different paths to load the gallery. The baseURL path is linking to a pro gallery, but the JS src path is linking to Juicebox-Lite.

So you need to change this line:

<script type="text/javascript" src="/ebooks/html5-banner/jbcore/juicebox.js"></script>

to this:

<script type="text/javascript" src="/ebooks/juicebox_gallery/jbcore/juicebox.js"></script>

Now you will display a Pro gallery and the Pro options will take effect.