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