About using image-gallery field, with the built-in browser support for responsive images

MikeM
Topic Author
Offline
Junior Member

8 years 4 months ago - 8 years 4 months ago #58651 by MikeM

About using image-gallery field, with the built-in browser support for responsive images was created by MikeM

For more responsive images i do this construction in my custom template in item.php

Code:

<picture>
<source media="(min-width: 34em)" srcset="<?php echo $item->fields['field21']->{"display_large_src"};?>">
<img src="<?php echo $item->fields['field21']->{"display_medium_src"};?>">
</picture>

field21 - my custom image field
code from here www.html5rocks.com/en/tutorials/responsive/picture-element/
may be it be useful for somebody

Last edit: 8 years 4 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

8 years 4 months ago - 8 years 4 months ago #58718 by ggppdk

Replied by ggppdk on topic About using image-gallery field, with the built-in browser support for responsive images

Hello

hhmm yes
each thumbnail in image field besides size
(can) have different aspect ratio, and also utilizing cropping

- so it fits the purpose of: Built-in Browser support for Responsive Images

Here is a new enhancement issue for future work
github.com/FLEXIcontent/flexicontent-cck/issues/390

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Last edit: 8 years 4 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

iamrobert
Offline
Platinum Member

8 years 4 months ago #58783 by iamrobert

Replied by iamrobert on topic About using image-gallery field, with the built-in browser support for responsive images

Hi,

I have done a similar issue - and I think you just need multiple outputs through phpthumb which exists - however maybe add XL size.

We've been using zurb foundation interchange for a while:

foundation.zurb.com/sites/docs/v/5.5.3/c...nts/interchange.html

Our gallery plugin works like this and we can also use it for thumbnails:

Code:

<section class="home-section bg-scroll bg-dark-alfa-50" data-interchange="[<?php echo $picture['thumbpath'] . $picture['thumb_s'];?>, (default)], [<?php echo $picture['thumbpath'] . $picture['thumb_m'];?>, (small)],[<?php echo $picture['thumbpath'] . $picture['thumb_s'];?>, (medium)],[<?php echo $picture['thumbpath'] . $picture['thumb_l'];?>, (large)]">

I would push for just an extra size -XL. Unfortunately - my clients were trying to upload 6mb images the other week - so I don't trust them with original size :dry: .

Best,

Robert

Please Log in or Create an account to join the conversation.