Version 1.2.7 of Galleria supports responsive layouts. Just need to add the option for it.

https://github.com/aino/galleria/blob/master/docs/options/responsive.rst

REF: http://support.galleria.io/discussions/suggestions/2-responsive-slider
REF: http://support.galleria.io/discussions/problems/6-making-galleria-respon...

CommentFileSizeAuthor
#12 galleria-repsonsive-settings.png21.05 KBkingfisher64
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

bryancasler’s picture

bryancasler CreditAttribution: bryancasler commented

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,
    ),
bryancasler’s picture

bryancasler CreditAttribution: bryancasler commented

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

bryancasler’s picture

bryancasler CreditAttribution: bryancasler commented
Category: support » task

Category correction

jamesbenison’s picture

jamesbenison CreditAttribution: jamesbenison commented

That's news

bryancasler’s picture

bryancasler CreditAttribution: bryancasler commented

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

kroimon’s picture

kroimon CreditAttribution: kroimon commented
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 :)

Danny Englander’s picture

Danny Englander
(he/him)
CreditAttribution: Danny Englander commented

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.

jackhutton’s picture

jackhutton CreditAttribution: jackhutton commented

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..

bsandor’s picture

bsandor CreditAttribution: bsandor commented

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.

drupalina’s picture

drupalina CreditAttribution: drupalina commented
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.

kingfisher64’s picture

kingfisher64 CreditAttribution: kingfisher64 commented
Version: 7.x-1.0-beta3 » 7.x-1.x-dev
Status: Active » Closed (works as designed)
FileSize
galleria-repsonsive-settings.png21.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. :)

kingfisher64’s picture

kingfisher64 CreditAttribution: kingfisher64 commented
Issue summary: View changes

adding details

Road Kill’s picture

Road Kill CreditAttribution: Road Kill commented
Issue summary: View changes

Sadly this is still an issue and adding 0.75 and auto makes images fail to load. The Fatal error: Could not extract a stage height from the CSS. Traced height: 0px continues to show