Field Gallery - адаптивный дизайн

Without changes, result: http://111q.ru/ios/item/892-shazam-encore

#gallery144 {
 width: 100%;
}

#gallery144 div.images-row {
 width: 100%;
 overflow-x: auto;
}

That that isn't located in width, disappears, result:

in my opinion, it is possible to call it adaptive :)

#gallery144 {
 width: 100%;
}

#gallery144 div.images-row {
 width: 100%;
 overflow: auto;
}

overflow: auto; result:

Why do nto you choose different crop mode? YOu can fix the size of thumbnail and simply fit image there with crop of what was not fit. When you have all thumbnails the same size, you can create gallery template where you give every thumbnail img- class from bootstrap and it will become responsive.

Also they may isimply change number of columns.

The auto tile is created for different ratio images to fit nicely into given frame.

Sergey The auto tile is created for different ratio images to fit nicely into given frame.

Yep, that is the nice sideeffect of the "auto" mode.

The "unusual" challenge and requirement is:
Thumbnails are mixed, should keep the same height, and the frame should be able to shrink in a whole. The "frame" in this particular case is only 1 row.

In regards of auto-mode and thumbnails with different width, there is no way to shrink the whole thumbnail container. That's why I suggested the "scrolling".

Partly success

Yesterday, I had a working test. And the float was the culprit. Today I can't re-create it? :O :(

Conclusions

Personally, I would prefer equal sized thumbs. Even cropped. Drawback: It would not show the full original screen content and orientation. Maybe better to use "based on height"?

Anyways, I could imagine a total custom template is the better solution. Or a responsive carousel slider (with lightbox support?!).

The simplest solution without any overhead and scripts:
Use the default full template and custom mode. Set thumb resize mode to your needs and let the thumbs break into the next line automatically.

I do not believe that this is acheavable at all with auto layout. The hole point was pixel to pixel calculation.