• wiz
  • Member
  • Offline
  • Registered: 2015-01-11
  • Posts: 5

Topic: Adding Photos After Publishing To Website

I am brand new to JB and searched but didn't find any info on this subject.  I am going to be publishing a slideshow on my website that will have @ 150 images.  I will be updating this with new images and removing old ones frequently.  Do I need to imbed a new JavaScript code into the page's HTML code and remove the old one each time I add or remove photos?  OR do I just add or remove images from the gallery in the Juicebox Builder?  I normally do this 2 or 3 times a month where I will add 2 or 3 new photos or remove a couple. Thanks in advance for your help.

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

Re: Adding Photos After Publishing To Website

If you add or remove images to an existing gallery, the only files you need to update on your web server are the 'config.xml' file (which lists the images to be displayed in the gallery) and the images and thumbnails themselves.
There is no need to re-upload the core Juicebox files (the 'jbcore' folder) as these files do not change.
There is also no need to modify the embedding code in your HTML web page.

Perhaps the easiest way to update a gallery is to keep a copy of the gallery on your computer and then edit the gallery (by adding or removing images on the 'Images' tab) in JuiceboxBuilder-Pro. When you re-save the gallery on the 'Publish' tab, a new 'config.xml' file will be created.
You could manually replace the existing 'config.xml' file on your web server and then upload the new images and thumbnails to your gallery's 'images' and 'thumbs' folders but most FTP programs should allow you to drag and drop the entire gallery folder to your web server and upload only new or modified files (to save having to upload all gallery files, including images which are already present on your web server). You could then delete any images from your 'images' and thumbs' folders which are no longer part of your gallery.

I hope this helps.

  • wiz
  • Member
  • Offline
  • Registered: 2015-01-11
  • Posts: 5

Re: Adding Photos After Publishing To Website

Thanks...next question.  I copied the full embed code on a test video and put this into the blog section of my website www.wizofozphotography.com and checked full html as an option when posting this.  No video appears.  I am pretty coding illiterate so any help you could give me would be much appreciated.  My website is hosted by godaddy.

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

Re: Adding Photos After Publishing To Website

Which page on your web site are you trying to embed your Juicebox gallery into?
I have checked your main 'Home' page and your 'Wedding Gallery' and 'Portrait Gallery' pages but do not see any Juicebox embedding code on any of these pages.
Please check that you have entered the embedding code correctly and have uploaded your gallery files to your web server following the embedding instructions here.

If you plan to embed multiple galleries to your site, I would recommend using the baseUrl method of embedding as documented here. This allows you to keep each gallery in its own folder on your web server which might help to keeps things organized.

As a Drupal user, you might also be interested in the dedicated Juicebox module for Drupal. It can be downloaded from this web page.
Please note that we did not write this module ourselves and support for the module (if you choose to use it) would be best directed towards the Drupal forum where the author of the module should be able to help you out.

  • wiz
  • Member
  • Offline
  • Registered: 2015-01-11
  • Posts: 5

Re: Adding Photos After Publishing To Website

Oh gosh...I wish I was more coding literate.  I have posted the embedded file here on my website so you can see what I'm getting.  http://www.wizofozphotography.com/node/154  When all is said and done I will have two galleries on my website Weddings and Portraits and both are separate so I don't think there will be any confusion if I can ever figure this out.  I read some on the Drupal page but it is totally confusing to me because like I said I am CODEless....so it's all french to me.  Thanks!

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

Re: Adding Photos After Publishing To Website

Your gallery's 'jbcore' folder is either in an incorrect location on your web server or has not been uploaded at all.

When manually embedding a Juicebox gallery in a CMS environment (such as Drupal), it can be difficult to know where to upload files and folders to (as the web pages are created dynamically by Drupal) so I would recommend that you embed your gallery using the baseUrl method of embedding as documented here. This method of embedding allows you to keep the gallery files inside the gallery folder and you would upload the entire gallery folder (not just the contents) to your web server. Also, it does not matter where on your web server you upload your gallery folder to as long as the paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

As an example, if you have a gallery folder named 'my_gallery_folder' and you upload the entire gallery folder to your web site's root directory, then you would be able to use the following embedding code. (This code could be used in any page throughout your web site without modification. The leading slashes in the paths denote your root directory.)

<!--START JUICEBOX EMBED-->
<script src="/my_gallery_folder/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: "/my_gallery_folder/",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->