1 Topic by Kiosk_Keith

(1 replies, posted in Juicebox-Lite Support)

HI all,

Trying to embed two galleries into one HTML page and its not working.......

Here's the code I am using,

<!--1st Gallery Embed-->
        <script type="text/javascript">
        new juicebox({
            containerId:'jb-netting1',
            baseURL: 'netting1/',
            galleryWidth:'800',
            galleryHeight:'500',
            backgroundColor: 'rgba(255,0,0,.7)'
        });
        </script>
        <div id="jb-netting1"></div>
        <!-- END 1st Gallery Embed -->

        <h2>Gallery 2</h2>

        <!--2nd Gallery Embed-->
        <script type="text/javascript">
        new juicebox({
            containerId:'jb-netting2',
            baseURL: 'netting2/',
            galleryWidth:'800',
            galleryHeight:'500',
            backgroundColor: 'rgba(0,255,0,.7)'
        });
        </script>
        <div id="jb-netting2"></div>
        <!-- END 2nd Gallery Embed -->

I know the problem is to do with the container ID so a little guidfance would be greatly appreciated.

Happy Xmas folks!

Go to forum: Juicebox-Lite Support

2 Reply by Kiosk_Keith

(3 replies, posted in Juicebox-Lite Support)

Hi Steven,

Thats great thanks, worked a treat! And I guess I can add mutiple galleries the same way by simply renaming new gallery folders and altering the code accordingly.

One last question though if you dont mind? The gallery on my web page is set hard to the left of the page and I would like it centered if possible. Heres my code for my first gallery. can you suggest any changes to achieve this please? I tried adding an align="center" to the code but it just messed the code up.

<script type="text/javascript" src="mbjsmb5rhk.js"></script></th>
  </tr>
</table>
<p align="center" class="style3">Scar </p>
<p class="style3"><!--START JUICEBOX EMBED-->
<script src="scar/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl : 'scar/',
    containerId : 'juicebox-container',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: '#222222'
  });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED--> </p>
<table width="1000" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF">
  <tr>

Go to forum: Juicebox-Lite Support

3 Topic by Kiosk_Keith

(3 replies, posted in Juicebox-Lite Support)

Hi all,

I have installed Juicebox Lite on my PC and need to embed multiple galleries in my html website. I have read and used the embedding guide in juice box's support docs but I am obviously doing something wrong as its not working at all. To be honest I didnt expect it to work due to path issues.

Anyway, I am building my site site using my old copy of Dreamweaver 8 (Pre Adobe if its relevent) Most of the files I upload directly through dreamweave such as pages, images etc. I do have Filezilla installed and set up as well for direct server access. I'm pretty sure my problems stem from where I am putting the files on my server, and also the code juicebox generates to embed in my web page. So I guess the best thing to do would be to tell you exactly what I am doing then hopefully one of you experts can step in and tell me what I am doing wrong ;P

Here goes.........

So I go ahead and create my gallery then copy the generated code from JB. I then paste the code directly into my web page in code view at the point where I want the gallery to show up on my web page. I then open Filezilla and upload the JB folder for that gallery directly to my server into a folder called ht docs, the folder that Fasthosts tells you to place all of your webfiles in. However Im pretty sure that a folder within a folder will not be found by a browser when loading the page?

Thats about it. If I have missed anything out or if I need to give more info please let me know.

Many thanks :)

Go to forum: Juicebox-Lite Support