• Registered: 2020-04-26
  • Posts: 2

Topic: AutoPlay & RandomizeImages not working when Embedding [SOLVED]

I embedded into my webpage, but I can not get the Autoplay or randomizeImages to work.

www.kb2mxv.com

If I run the index.html form the directory on my website where all the juicebox files are, that gallery works as it should.

http://kb2mxv.com/gallery/

This is the embedd code I'm using on my webpage
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'gallery/',
containerId: "juicebox-container",
galleryWidth: "800",
galleryHeight: "600",
autoPlayOnLoad: "TRUE",
useThumbDots: "FALSE",
showThumbsButton: "FALSE",   
randomizeImages: "TRUE",
enableLooping: "TRUE",
enableAutoPlay: "TRUE",
showAutoPlayButton: "TRUE",
goNextOnAutoPlay: "TRUE",
backgroundColor: "rgba(34,34,34,1)"
});
</script>
<div id="juicebox-container" style="margin: 0 auto;"></div>
<!--END JUICEBOX EMBED-->

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

Re: AutoPlay & RandomizeImages not working when Embedding [SOLVED]

I see the problem...

The gallery on a page of its own is a Juicebox-Pro gallery but the gallery embedded in your web page is a Juicebox-Lite gallery (signified by the Juicebox logo in the lower right corner of the gallery) which does not support Pro configuration options such as randomizeImages and the autoPlay options.

All you need to do is swap the Lite 'jbcore' folder here: http://www.kb2mxv.com/jbcore
... with the Pro version from the Juicebox-Pro download zip package ('juicebox_pro_1.5.1/web/jbcore') or from any gallery created with JuiceboxBuidler-Pro.

As soon as the Pro 'jbcore' folder is in place, all the gallery's Pro options will instantly become active.

3 Reply by fdnyfish (edited by fdnyfish 2020-04-27 01:02:39)

  • Registered: 2020-04-26
  • Posts: 2

Re: AutoPlay & RandomizeImages not working when Embedding [SOLVED]

I got it working......

Here was my final code.......

<!--START JUICEBOX EMBED-->
<script src="gallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl: "gallery/",
containerId: "juicebox-container",
galleryWidth: "800",
galleryHeight: "600",
backgroundColor: "rgba(34,34,34,1)"
});
</script>
<div id="juicebox-container" style="margin: 0 auto;"></div>
<!--END JUICEBOX EMBED-->

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

Re: AutoPlay & RandomizeImages not working when Embedding [SOLVED]

I'm glad you've got it working.
Thank you for letting me know. It's most appreciated!