Getting views_slideshow_galleria to work with Drupal

Nov 21st, 2011 | By | Category: Linux / Freebsd, Technology

Wow, this was a 4 hour joyride today.  I wanted to setup galleria today, which is this awesome slideshow/gallery script that has a drupal module.  I got views slideshow working in a matter of minutes but as soon as I installed galleria and changed my slideshow type to that it dissapeared off the main page.. The thumbs were coming up fine in the preview area but on the main page where it was to be displayed nothing was showing up, no errors no nothing?  4 hours later I have the solution and the frustrating thing is that I tried it, kind of 2 hours ago but didn’t quite do it right.

Anyways, the main issue with this is with jquery.  You see drupal 6 ships with jquery 1.2.6 and you need 1.3 or higher.  “That’s what the jquery update module is for” you are no doubt saying to yourself, well that’s what I thought and it turns out we were both wrong on this one.. Hopefully you aren’t running nivo or anythign else that requires jquery update because you are going to have to disable and delete that module.  Secondly you need to go grab jquery 1.3.2 from here: and you need to rename it to jquery.js and stick it in drupal’s misc directory.  To be clear: You need to unisntall the jquery update module or else this will not work.. Don’t make the mistake I did and just copy 1.3.2 over and expect something to happen because it won’t

So this alone gave me more results than anything else, unfortunately those results were error messages about missing height and width attributes in the classic themes .css file.  At first it was with the .galleria-stage section missing a height so I had to change it to this:

.galleria-stage {
    position: absolute;
    height: 300px;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;

After that was put in then it started bitching about .galleria missing height and width variables so I changed them to this:
.galleria-container {
    position: relative;
    overflow: hidden;
    background: #000;
    width: 400px;
    height: 300px;

Much to my complete amazement, after this was done the bloody thing started to work.. Couldn't believe my eyes so hopefully this helps some people out
Tags: , , , , , ,

Leave a Comment