Trolling for ideas while I work on this. I'm trying to get all img's to use the same var variation, ie: <img src="standardizedImgageVar" />, so I can re-use other bits of code in more places.
So far in this project, different types of nodes may use different types of images: cropped; uploads; or media. For instance, a normal content page might have a banner crop, a plain content page might just use a plain media image, or a landing page might use an upload image.
Rendering a crop vs media vs upload have all taken different variations in the img tag:
I'm thinking if I back the logic up a bit, I should be able to convert all these versions to a standardized var in a partial, before it gets to the img tags, then be able to just call the partial before a img and let it sort things out. The tag doesn't care how it gets there, it just wants a path and any particulars.
I'm sure it wouldn't work in all cases but it seems like it might work in 90% of them. I see so many posts on how to render images, it almost seems like something that could be built in, maybe a 'yourPropertyAlias(yourCrop).uImage', stick it in any src="" and tada.
If no image cropper image, use a plain image
Trolling for ideas while I work on this. I'm trying to get all img's to use the same var variation, ie:
<img src="standardizedImgageVar" />
, so I can re-use other bits of code in more places.So far in this project, different types of nodes may use different types of images: cropped; uploads; or media. For instance, a normal content page might have a banner crop, a plain content page might just use a plain media image, or a landing page might use an upload image.
Rendering a crop vs media vs upload have all taken different variations in the img tag:
crop =
<img src="@pageVar.GetCropUrl(...)"/>
;plain =
<img src="imageVar.GetPropertyValue(...)" />
;upload =
<img src="@Umbraco.Field(...)" />
.I'm thinking if I back the logic up a bit, I should be able to convert all these versions to a standardized var in a partial, before it gets to the img tags, then be able to just call the partial before a img and let it sort things out. The tag doesn't care how it gets there, it just wants a path and any particulars.
I'm sure it wouldn't work in all cases but it seems like it might work in 90% of them. I see so many posts on how to render images, it almost seems like something that could be built in, maybe a 'yourPropertyAlias(yourCrop).uImage', stick it in any src="" and tada.
Is this a good idea?
is working on a reply...