Fluid f:image and srcset

Question

Fluid f:image and srcset

Opened this issue 8 years ago · 11 comments

Deleted user commented 8 years ago

Hello,

when I use the MASK Extension and within a template file the f:image view helper there is no srcset render.

Can I activate it there or it is not possible ?

Greetings.

Answer 1 · 2017-03-03T10:23:31.000Z

It's perfectly possible, though by design this only happens if you use the <f:media ViewHelper - as stated in the README (https://github.com/alexanderschnitzler/fluid-styled-responsive-images#usage)

Let me know if you run into any problems.

Answer 2 · 2017-03-03T10:35:27.000Z

With f:media I don't get sourcesets. Is that a problem with sorting extension libs ?

Answer 3 · 2017-03-03T10:36:24.000Z

I get not sourcesets.

Answer 4 · 2017-03-03T10:43:49.000Z

<f:media file="{file}" alt="{file.alternative}" title="{file.title}" data="{description: file.description}" class="img-responsive lazyload"/>

Answer 5 · 2017-03-03T10:44:13.000Z

no srcset in output

Answer 6 · 2017-03-03T11:14:03.000Z

what is your typoscript configuration?

Answer 7 · 2017-03-03T11:21:12.000Z

Hello,

when I use text & media content element all works correct.

Here is the typoscript configuration:

tt_content {
    textmedia {
        settings {
            image_classes = {$styles.content.textmedia.imageClasses}
            responsive_image_rendering {
                layoutKey = srcset

                # Default Breakpoints
                sourceCollection {
                    xl {
                        width = 1200
                        srcset = 1200w
                    }

                    lg {
                        width = 992
                        srcset = 992w
                    }

                    md {
                        width = 768
                        srcset = 768w
                    }

                    sm {
                        width = 480
                        srcset = 480w
                    }

                    xs {
                        width = 320
                        srcset = 320w
                        sizes = auto
                    }
                }
            }

            origo < tx_origo
        }
    }
}

Answer 8 · 2017-03-03T11:27:24.000Z

I'll try to reproduce it myself.

Can you tell me the version numbers you use (TYPO3, mask, fsri)?

Answer 9 · 2017-03-03T11:38:29.000Z

TYPO3 7.6.16
MASK 2.1.1
FSRI 1.2.0

Thanks.

Answer 10 · 2017-03-03T11:38:59.000Z

Loading Order:

Fluid
FSRI
Mask

Answer 11 · 2017-03-06T07:47:51.000Z

Do you test it ?