Actually figured out the locally as well now. Switch the pref in firefox to false that I saw in another post on here.
All works great now.
Cheers!
Pages 1
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by WC
Pages 1
Actually figured out the locally as well now. Switch the pref in firefox to false that I saw in another post on here.
All works great now.
Cheers!
Figured it all Steven, thank you!
I noticed in the embed code that this line
<script src="jbcore/juicebox.js"></script>
Did not point to the proper directory. I changed to read
<script src="photogallery/quebeccity/jbcore/juicebox.js"></script>
And now the error message is back again but only locally, works fine live. Which is okay with me. Cheers!
Sorry, here is where I am testing it live:
Thanks Steven. Reason there was different code sent is I was playing around with different things trying to figure it out. So I tried both of your ideas below and neither got it working. Funny thing is though I am now longer getting the can't find xml error message on the QC page (with the embedded code). Nothing shows up now. I believe I have made all the necessary changes that need to be done. What I am doing is having a bunch of different city pages so need a gallery for each. Figured best way to go is have a directory for each city, hence the photogallery/quebeccity/ directory. The city pages reside on the root of the site. I have attached the xml file. Here is the embedded code. Sure it is just something stupid I am doing wrong.
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
configUrl: "photogallery/quebeccity/config.xml",
containerId: "juicebox-container",
galleryWidth: "800",
galleryHeight: "400",
backgroundColor: "rgba(255,255,255,1)"
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1></h1>
<p></p>
<p><img src="photogallery/quebeccity/images/quebeccity1.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity2.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity3.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity4.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity5.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity6.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity7.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity8.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity9.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity10.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity11.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity12.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity13.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity14.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity15.jpg" title="" alt="" /><br> </p>
<p><img src="photogallery/quebeccity/images/quebeccity16.jpg" title="" alt="" /><br> </p>
</noscript>
</div>
<!--END JUICEBOX EMBED--><p>
Hi Steven. I have tried the above fix and I am still getting the error locally and live. Also, when I open the index.html file for this it says the same thing. I am using Firefox v76. I have tried on other browsers with the same thing happening. I have a photogallery directory on the root and then a quebeccity directory in that and that is where all the files, images etc. are. I have placed the below code in the page where I want this gallery to appear. Here is my code:
<!--START JUICEBOX EMBED-->
<script src="photogallery/quebeccity/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
galleryWidth: "800",
galleryHeight: "400",
backgroundColor: "rgba(255,255,255,1)"
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1></h1>
<p></p>
<p><img src="photogallery/quebeccity/images/quebeccity1.jpg" title="quebeccity1" alt="" /><br>quebeccity1 </p>
<p><img src="photogallery/quebeccity/images/quebeccity2.jpg" title="quebeccity2" alt="" /><br>quebeccity2 </p>
<p><img src="photogallery/quebeccity/images/quebeccity3.jpg" title="quebeccity3" alt="" /><br>quebeccity3 </p>
<p><img src="photogallery/quebeccity/images/quebeccity4.jpg" title="quebeccity4" alt="" /><br>quebeccity4 </p>
<p><img src="photogallery/quebeccity/images/quebeccity5.jpg" title="quebeccity5" alt="" /><br>quebeccity5 </p>
<p><img src="photogallery/quebeccity/images/quebeccity6.jpg" title="quebeccity6" alt="" /><br>quebeccity6 </p>
<p><img src="photogallery/quebeccity/images/quebeccity7.jpg" title="quebeccity7" alt="" /><br>quebeccity7 </p>
<p><img src="photogallery/quebeccity/images/quebeccity8.jpg" title="quebeccity8" alt="" /><br>quebeccity8 </p>
<p><img src="photogallery/quebeccity/images/quebeccity9.jpg" title="quebeccity9" alt="" /><br>quebeccity9 </p>
<p><img src="photogallery/quebeccity/images/quebeccity10.jpg" title="quebeccity10" alt="" /><br>quebeccity10 </p>
<p><img src="photogallery/quebeccity/images/quebeccity11.jpg" title="quebeccity11" alt="" /><br>quebeccity11 </p>
<p><img src="photogallery/quebeccity/images/quebeccity12.jpg" title="quebeccity12" alt="" /><br>quebeccity12 </p>
<p><img src="photogallery/quebeccity/images/quebeccity13.jpg" title="quebeccity13" alt="" /><br>quebeccity13 </p>
<p><img src="photogallery/quebeccity/images/quebeccity14.jpg" title="quebeccity14" alt="" /><br>quebeccity14 </p>
<p><img src="photogallery/quebeccity/images/quebeccity15.jpg" title="quebeccity15" alt="" /><br>quebeccity15 </p>
<p><img src="photogallery/quebeccity/images/quebeccity16.jpg" title="quebeccity16" alt="" /><br>quebeccity16 </p>
</noscript>
</div>
<!--END JUICEBOX EMBED-->
I can't for the life of me figure this out and if it does not work then I need to get a refund. Please help, it's driving me crazy!!
Thanks man. Sorry to say though, that means absolutely nothing to me.
Hey guys. I am getting really frustrated trying to use your software. I keep getting the above error code, live or local. Here is my generated code I want to embed:
<!--START JUICEBOX EMBED-->
<script src="images/photogallery/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(34,34,34,1)"
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1></h1>
<p></p>
<p><img src="images/quebeccity1.jpg" title="quebeccity1" alt="" /><br>quebeccity1 </p>
<p><img src="images/quebeccity2.jpg" title="quebeccity2" alt="" /><br>quebeccity2 </p>
<p><img src="images/quebeccity3.jpg" title="quebeccity3" alt="" /><br>quebeccity3 </p>
<p><img src="images/quebeccity4.jpg" title="quebeccity4" alt="" /><br>quebeccity4 </p>
<p><img src="images/quebeccity5.jpg" title="quebeccity5" alt="" /><br>quebeccity5 </p>
<p><img src="images/quebeccity6.jpg" title="quebeccity6" alt="" /><br>quebeccity6 </p>
<p><img src="images/quebeccity7.jpg" title="quebeccity7" alt="" /><br>quebeccity7 </p>
<p><img src="images/quebeccity8.jpg" title="quebeccity8" alt="" /><br>quebeccity8 </p>
<p><img src="images/quebeccity9.jpg" title="quebeccity9" alt="" /><br>quebeccity9 </p>
<p><img src="images/quebeccity10.jpg" title="quebeccity10" alt="" /><br>quebeccity10 </p>
<p><img src="images/quebeccity11.jpg" title="quebeccity11" alt="" /><br>quebeccity11 </p>
<p><img src="images/quebeccity12.jpg" title="quebeccity12" alt="" /><br>quebeccity12 </p>
<p><img src="images/quebeccity13.jpg" title="quebeccity13" alt="" /><br>quebeccity13 </p>
<p><img src="images/quebeccity14.jpg" title="quebeccity14" alt="" /><br>quebeccity14 </p>
<p><img src="images/quebeccity15.jpg" title="quebeccity15" alt="" /><br>quebeccity15 </p>
<p><img src="images/quebeccity16.jpg" title="quebeccity16" alt="" /><br>quebeccity16 </p>
</noscript>
</div>
<!--END JUICEBOX EMBED-->
I know I need to point the non java images to the proper directory but that shouldn't matter right now. Can anyone help?
Pages 1
Juicebox Support Forum → Posts by WC
Powered by PunBB, supported by Informer Technologies, Inc.