before installing this module you need to install another required module called libraries api scroll down under "dependencies"
how to create drupal blog, make sure you install libraries module version 2.0 and above else you can't enable the juicebox module let's install the libraries mdoule
let's copy the link back to our drupal site let's go to modules > install new module paste it here, install let's install the juicebox module this time copy now before we turn on the module we need also to download a copy of javascript library so let's do it
let's go to juicebox official website again go to download now there are lite and pro version here you can see the difference here in the table there's also a maximum images per gallery for free copy so you can download the free copy i have downloaded and unzip to the drupal folder please do so
now let's go to the drupal folder go to sites all libraries i have downloaded and unzip the file here let's go in there's one more same folder name and the files are here now, let's go back one level up
let's rename this one to simply "juicebox" let's copy this folder out ctrl + c or command + c back here and paste it here we don't this anymore, can delete now, one more step to go let's open this juicebox again go to adobe-lightroom-plugin
further you will see there's one folder called "jbcore" open this folder now, you need to copy all these files and folders here let's back to juicebox folder we paste all the files and folders here that's all so let's double check our structure here we have libraries
we have juicebox inside we have all the content we have also copied all the content of jbcore and put it over here alright so, let's go back to our drupal site and turn on the module let's continue enable the modules search for juicebox
and libraries save the configuration noe once you have enable the modules let's go to reports status report to check if the javascript library is connected correctly yep it's in green if it is not connected correctly
it will be highlighted in red and indicate that your library not found so, let's go back to the front page now take note that i'm using the bootstrap theme as i need a responsive website to best demo the responsive juicebox gallery you can use any of your responsive theme like omega theme or adpative theme as you like
i believe there are the same in this site i'm using jquery update module to upgrade my jquery version basically i'm using 1.9 for the frontend and 1.7 for the backend if you go back to juicebox website go to tour scroll down a bit now under jquery compatible
it says juicebox is built with jquery and and is compatible with all versions of jquery and other javascript frameworks so no worry if you are using other version of jquery it does support go back to our drupal site now let's use the article content type as an example let's go to structure content types
article managed fields we are going to createa new field called photos to upload multiple images field type we choose image save let's proceed
go down file directory i will put article/photos so that our photos can be nicely organised and well kept in different folders maximum image resolution i will set to 1000 x 1000 i will turn this on for caption and title
if you have installed plupload and some file field sources modules you should find this file sources here click on it you can turn this advanced upload widget on it's time saver plupload will allow you to upload multiple images instead of uploading one by one it takes some time to get it installed and setup
so we won't go through here together however i have a video explaining on how to install the plupload on the youtube channel you can take look let's scroll down number of values we set to "unlimited" let's save the settings now let's add an article content > add content let's fill up title
some description this we will take it as the thumbnail we leave it alone this is a new field that we created for gallery photos so we click advanced upload let's add files let's select all the files here
start upload it's done so let's quickly fill up some description of this image as well as the title now i have filled up all so, scroll down and save the article so it shows all the images as it is alright, now we have to turn this to a gallery managed display
put photos here make it hidden there's no need label for this one this time, there's one more format called "juicebox gallery" we can use this now there are some settings here let's click on the gear for "main image style"
use... perhaps juicebox medium thumbnail style that's fine, we will use thumbnail caption source we use just alt text and title source we use image title text let's click on lite configuration there's also configuration for the pro
but this time we will use lite version so you can see there are some configurations here you can setup you can set background color for the text color now even the thumbnail frame color you can set it here further down there are few more options you can set you can turn them on or off
so we will leave it as it is first scroll down further adn update now we will save it let's go and check out our content that's great now we have title, caption you can also turn off the thumbnail here and we can open this image
new window for downloading right let's go back the best part is that we can turn it into a full screen gallery now let's close it there's also other configurations you can do
you can check it out yourself let's go to this configuration there are few more things you can set it here now i will leave that as it is you can turn on the multilingual options there's also one interesting for pro version that is multi-sizes style that's mean you can use different image style for different screen mode
small mode medium mode or large mode this is a really great feature so if you get a pro version you should be able to use this feature, alright let's proceed and explore the views this time in the next video
