I’m trying to figure out how I can explicitly include a space between the file location url and width size to be used in an image srcset. In my toml I have --- srcset: /images/mockups/apple-watch-white-mockup.png 300px, /images/mockups/apple-watch-white-mockup@2x.png 600px Which is then called b…

Do you have a site repo or demo repo up somewhere? I’d check it out, but I don’t want to build a demo. :slight_smile: [image] Randy_Lough: In my toml I have You examples are YAML. :point_left: :wink:

I built a repo for this: https://github.com/randallmlough/hugo-srcset-help Note: I use a _index.md file which holds the YAML data (:sweat_smile:) Thanks!

There is a quirk in Go templates that doesn’t make total sense to those of us new to them (and I am very new!), but as @moorereason pointed out , this is a question that gets asked a lot. @Randy_Lough , here is the modified img.html from your demo repo: {{ $srcset := .srcset }} <img class="img-fluid…

[image] maiki: this is a question that gets asked a lot. Yes, a use case of safeHTMLAttr came up very recently .

You’re the man, It’s working beautifully! Thank you.

[image] Randy_Lough: You’re the man, It’s working beautifully! Thank you. Well, I am certainly a person. Glad it works for you.

If you wanted to do this using the second option, as in you were ranging through an array of srcset paths. how would you format that? Can’t seem to figure out where to open the srcset quote.

Please create a new topic with your question. You can reference this one, but you ought to provide the example front matter in the new topic. :slight_smile:

Best way to add a space in a URL for use in srcset

support

kaushalmodi November 27, 2017, 12:27pm 5

Yes, a use case of safeHTMLAttr came up very recently.

Topic		Replies	Views
Generate proper URLs from an array of srcset in front matter support	7	2379	December 13, 2017
Shortcode to generate images with srcset support	2	2908	March 16, 2017
How to stop hugo from escaping spaces support	3	1461	January 29, 2018
Same scratch variable used for <im> and link preload tag, but all spaces replaced by 20 in the link imagesrc attribute support	13	498	April 18, 2024
Translate Jekyll Loop to Hugo Loop - don't understand the logic support	6	876	June 8, 2017

Best way to add a space in a URL for use in srcset

Related topics