jQuery Galleria sizing issue

Question

I'm trying to simplify galleria to remove most of the elements and styling around it within the classic theme. I really just want my image to scale to the galleria container, not the galleria stage. How does one control the relationship between the stage and the container? I also tried to remove the thumbnails by useing the 'thumbnails' option and the theme API by removing the 'thumbnails-container' element from the DOM, but no dice.

I'm trying to figure this out to create a really simple layout that maximizes the scaled image with the padding around it and at the bottom, where the thumbnails would be.

Any help on this would be great, I'm still re-reading the galleria docs as well. I'm open to simpler plugins as well but the scaling, centering, and lightbox are key.

Thanks!

if ($("#gallery").children().size() > 0) {
    Galleria.loadTheme("../../Content/themes/galleria/galleria.classic.js");
    Galleria.run("#gallery");
    Galleria.configure({
        lightbox: true,
        dummy: 'http://c400976.r76.cf1.rackcdn.com/no_label_graphic.png',
        width: 325,
        height: 325,
        thumbnails: false,
        layerFollow: false

    });
}

score 0 · Answer 1 · answered Aug 06 '12 at 20:20

0

If you're open to alternatives, I'd suggest Colorbox. Does not have the thumbnails like Galleria, but the rest should fit your needs. Easy to work with. Galleria can be tedious to modify.

answered Aug 06 '12 at 20:20

vector

7,334
8
52
80

That's cool, but I need the slideshow on the page, not in a lightbox like colorbox. – user576838 Aug 06 '12 at 20:26
I think it has that option too, didn't you say " lightbox are key" ?? – vector Aug 06 '12 at 20:29
yeah, for each image in the slideshow I want the lighbox option, like galleria... I'll check it out. Thanks. – user576838 Aug 06 '12 at 22:59

score 0 · Answer 2 · answered Aug 11 '12 at 18:17

0

I think you also need to add some CSS:

body .galleria-stage{top:0;left:0;right:0;bottom:0}

This will make the stage fill up the container. Then just set thumbnails:false to prevent the creation of thumbnails.

http://jsfiddle.net/ZaG2X/

answered Aug 11 '12 at 18:17

David Hellsing

106,495
44
176
212

jQuery Galleria sizing issue

2 Answers2