1 (edited by benoit.btd 2015-01-23 10:18:04)

Topic: semi dynamic Juicebox gallery based on Bootstrap

Hi all,

I have created for my own use a semi dynamic Juicebox gallery base on bootstrap.  I was wondering : maybe some people here could be interested.

(However, before posting some more, I would like to make sure that Juicebox team is Ok with that ;) => OK from Steven).
IMPORTANT: jbcore folder it not part of the package, use your jbcore.

DESCRIPTION:
To be short, the webapp allows to host multiple Juicebox galleries that are browsable via categories / sub categories / ... / albums.
- it is dynamic because it use php to render pages (list/names of categories, albums) and I do not have to recreate html pages whenever I add a new categorie or a new albums.
- I call it semi dynamic because the whole thing is configured in a config file (there no web pages to administer the gallery like on Smugmug or Flickr) + you cannot easily change the look and feel of the pages.

=> I made it simple for my own needs (I am not creating new galleries very often).

Web pages are based on Bootstrap + startbootstrap.com 3-col template which mean that :
- it offers a navbar a the top of the page.
  * which can be hidden/shown when clicking on the chevron-down
  * navbar is hidden by default when viewing a gallery (not hidden by default when browsing categories)
- it offers a categories / albums browsing via a 3 columns template.
  * a categorie can contains other categories and/or albums
  * albums points to one Juicebox gallery.

To add / remove a new category / album, simply edit the config_galleries.php file (see comments in file pour explanations) + generate your album via Juicebox software.


HOW TO USE IT:
If you want to play with it and give some feedbacks :
- download the zip archive from this google drive link.
- add your jbcore folder in the root directory (where *.php files are)
- use QuickPHP to test it locally or host anywhere on a server handling php
- start browsing : I've created sample categories / albums
  * note that categories / albums labeled with a (*) are empty
- to add an album,
  * use Juicebox to generate the gallery
  * place it where you want in the "galleries" folder (ex: galleries/category1/your_album)
     (in the generated gallery, index.html and jbcore can be removed)
  * edit config_galleries.php to add/edit your category / album.
  Note: Javascript call to new juicebox()  is located in js/portfolio.js file.

By the way: I love your Juicebox galleries !

Regards,
Benoit

Re: semi dynamic Juicebox gallery based on Bootstrap

As long as you do not distribute the Juicebox core files (the 'jbcore' folder) and as long as individual users comply with the terms of use (which can be found here), there is no problem with sharing your project.

By all means, please post details of your project and the PHP code here.
Hopefully it will be of interest to other users.

Many thanks for taking an interest in expanding the usability of Juicebox and for sharing your code.

Re: semi dynamic Juicebox gallery based on Bootstrap

Hi Steven,

Thx for your reply => I will soon edit my 1st post.
Can you confirm that I have to remove "jbcode" folder even if it correspond to the Juicebox-Lite version ?

See you,
Benoit

Re: semi dynamic Juicebox gallery based on Bootstrap

Update: edited 1st post.

Re: semi dynamic Juicebox gallery based on Bootstrap

Can you confirm that I have to remove "jbcode" folder even if it correspond to the Juicebox-Lite version ?

Yes, please.

6 (edited by benoit.btd 2015-02-19 16:25:41)

Re: semi dynamic Juicebox gallery based on Bootstrap

For those who might be interested to see how it renders, you can follow this link to my personal gallery: http://bragon.synology.me/photos

It is hosted on a Syno ds215j NAS (@ my home) which goes into sleep mode in case of inactivity. Hence your 1st request my take some times.

If some are interested, I can upload a ready to use pkg as the one in my 1st post is deprecated.

Note: browsing with phone & tablets should work OK, thx to bootstrap & juicebox ;).