Comments

Just need to add something like this...

    'responsive' => array(
      '#type' => 'checkbox',
      '#title' => t('Responsive Layout'),
      '#description' => t('Makes Galleria responsive.'),
      '#default_value' => TRUE,
    ),

to line 316 in includes/galleria.admin.inc right after this...

    'queue' => array(
      '#type' => 'checkbox',
      '#title' => t('Queue the slideshow'),
      '#description' => t('Galleria queues all activation clicks (next/prev & thumbnails). You can see this effect when f.ex clicking “next” fast many times. If you don’t want Galleria to queue, disable this. This will make Galleria stall during animations.'),
      '#default_value' => TRUE,
    ),

Also going to need to fix how "height" is handled, but figuring that out is over my head.

REF:
http://jsfiddle.net/3MUTS/

UPDATE:
I've broken this out into it's own task
#1536326: Update "height" variable to handle new non-integer value

Category:support» task

Category correction

That's news

I'm actually currently using the above solution on a live dev site right now. For the height issue, I just removed the integer check all together. Not the safest thing, but it gets the job done.

Live demo as of 4/20/2012
http://matttucker.onedogdevelopment.com/node/8

Title:Add responsive support option Add support for 'responsive' option
Category:task» feature
Status:Active» Fixed

Just pushed a commit that adds support for a bunch of new options:
dummy, fullscreenCrop, fullscreenTransition, imageTimeout, layerFollow, overlayBackground, responsive, touchTransition, trueFullscreen, wait.

The changes should be in the next -dev build. Please let me know if you find any bugs :)

I am really struggling how to get a responsive option working. I just updated to the newest dev and created a new Option Set, added the new "responsive" option from the select list and then saved. However, I get an error when viewing my node page slideshow.

Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.

So it seemed counter intuitive to add a width and height to the Option Set but I did and set to auto but I still get the same error. Finally if I add a fixed width and height, it works but not responsively. So I am not sure what I am doing wrong... I am also using the latest Galleria, Version 1.2.7.

#5 above says:

For the height issue, I just removed the integer check all together.

... but I am not sure what that means.

I'm sorry if this is not the right place to post, I can open a new issue if needed.

oops, just discovered what the integer value is: http://galleria.io/docs/options/height/ -- so in the end, all I have in my Option set is "Responsive" and "Height" set to 0.5625, that makes it fully responsive in my Omega sub-theme.

Status:Fixed» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

thanks for the notes here; i was able to track down the responsive option ; set it; removed the width parameter; set the height according to @highrockmedia in #7 and it works..
so thanks..

It might be useful for some of ye:

Order of settings at bottom of Galleria options is important.

For me to get a responsive galeria I had to add 'responsive' at the top of the list.

I also set 'with' to 'auto' and 'height' to '0.75' to keep the ratio without giving pixels.

Version:7.x-1.x-dev» 7.x-1.0-beta3
Category:feature» support
Status:Closed (fixed)» Active

I still can't get the *responsive* to work. My responsive theme is Corolla.
If I remove the width parameter, and leave height as 0.56250 then the whole Galleria disappears.
If I set width to "auto" - it doesn't work.

Could someone please share their Galleria settings?

The only way that I could almost get it to work is add .galleria-container {width: 70%;} in CSS file. Galleria will appear temporarily, but as soon as you start to resize the window, it disappears. Therefore a proper working solution is needed.

Version:7.x-1.0-beta3» 7.x-1.x-dev
Status:Active» Closed (works as designed)
StatusFileSize
new21.05 KB

@drupalina. You don't need to add css manually to get responsive working and it's not to do with what theme you are using. I downloaded dev dated 7.x-1.x-dev - 2013-Sep-30 and gallery library 1.2.9 from http://galleria.io/download/

1) create content type of gallery and add an image field. Under manage display set to galleria
2) config > media > galleria > edit default set or add another set. The key part of this is to add the responsive option from the "add option" dropdown.

I've attached screenshot of working example this can be found on http://multimedia.kingfisher.so/galleria

Hope this helps :)

@bsandor - thanks for the advice width of auto and height of 0.75 works lovely. :)

Issue summary:View changes

adding details