position relative is the problem

you can publish the view @mateoD

@ifox if i remove from inspect position relative image displays as well

$(".twill-image-wrapper").css({ 'position' : '' }) this works but I wanted to know if there is any other way to fix it from the configurations in twill-image

Same answer, you can publish the view

but i think if you have to remove that it's probably because you did something else wrong

It is meant to be there so that the image can be absolutely placed in that container, as well as the LQIP. Try it without the rest of your own css to see if there might be a conflict.

Hi @mateoD , in general it should be best to leave the twill-image css as-is for the reasons @ifox mentions above. It's probably a css rules in your container element that is causing a weird display (I see from the capture those are absolue position). I find it best to always wrap twill-images in a container element (div) to set the desired width. Often a around the image will make sure you image takes the full width of the parent container.

hello everyone , how can I get the "alt text"of an image that I render $item->image('image');

$item->imageCaption(role: 'image')

$item->imageAltText(role: 'image')

it works thank you

Hi ) How can I set compressed and crop image webp as backgroud? I read documentation couple times but I cannot understand. Maybe I missed something

Hi How can I set compressed and crop

Hi, I am super happy with this package, but can we use it without twill? Would love to have this option. Would it be hard to do it? This package already has static image support, so it can be used without Blocks or Media classes from base twill package. So maybe we could just move "area17/twill": "2.*|3.*", dependency to suggested composer package?

Hi @Aidas (KasValgyt) that's an interesting idea, and I agree there's a lot of value one could get out of the package even without Twill

I feel like it might be best to separate in another package that's fully agnostic to twill

I'll have a chat with @patrick about it

Hi @Aidas (KasValgyt), I had a look yesterday and the StaticImage class is relying on the other Image class that uses Twill models (Media) to built the image arrays.

StaticImage is creating "in-memory" Twill Media along with crops and passing that to the Image class.

I do like the idea of having a twill-image that can be used without Twill, but I think it would be quite a refactor.

Got it, thanks for all the input. We will give it a try internally and we will let you know if it works out. Hope it does as there are no similar packages out where.

https://github.com/area17/twill-image/pull/53 Please please please 🙏

hi @Afting thanks! I assume you tested this on your laravel 10 app?

Yes, haven't run into any problems so far

there you go 🙂 https://github.com/area17/twill-image/releases/tag/v1.0.4

Images Alt text Hello, something missing in our opinion is the fact that if the ALT text is left empty, this one is not present in the

<img>

attributes, but for accessibility reasons it should be present BUT empty :

alt=""

It means that the image is 'decorative': https://www.w3.org/WAI/tutorials/images/decorative/

Hi @Constant Variable what you're asking would mean that the package considers that all images without an alt text filled out are decorative. Maybe that's correct, but then other people are going to say the opposite. Trust me we have a lot of experience working with accessibility consultants and there are a lot of subjective takes on these things. The optimal solution would be an explicit checkbox in the CMS to indicate that the image is decorative, or a configuration in the package to make that decision.

Hé @ifox , thanks for your quick answer as usual 😉 Yes I know that it can make debate, here in Belgium, we have an association who checks our websites when we work for institutions, according to them an

alt

attribute is always necessary, even empty. https://www.anysurfer.be/en/documentation/articles/detail/techniques-to-add-an-alternative-text-to-an-image So yes, I think a package configuration option could be a good idea.