One way to do it is to use a image atlas. Basically put them all in one image, and then adjust background position to show the right one.
There's more about the technique here:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS
https://www.w3schools.com/css/css_image_sprites.asp
Martin Mouritzen :podfriend: /
npub1wd…l8l2x
2024-08-18 12:04:25
in reply to nevent1q…8zml
Author Public Key
npub1wd7xgn4d4jaytszay6s9q8axda0kwxxsatxfgfrgyeyk3hdpewzsvl8l2xPublished at
2024-08-18 12:04:25Event JSON
{
"id": "83645927ebb4a23448a8b48f8ff799b98fb14148de451a9450b805ca23be11e4",
"pubkey": "737c644eadacba45c05d26a0501fa66f5f6718d0eacc942468264968dda1cb85",
"created_at": 1723982665,
"kind": 1,
"tags": [
[
"proxy",
"https://podcastindex.social/@martin/112982927985408090",
"web"
],
[
"p",
"8e10c71d95b93c41fb37c3ef057b75c43bf22965355da78642065f84df3065d2"
],
[
"e",
"4ea834cae345867b9cf1853478943feffee769c0ea8af784b6ab1e66af23f414",
"",
"root",
"8e10c71d95b93c41fb37c3ef057b75c43bf22965355da78642065f84df3065d2"
],
[
"proxy",
"https://podcastindex.social/users/martin/statuses/112982927985408090",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://podcastindex.social/users/martin/statuses/112982927985408090",
"pink.momostr"
],
[
"-"
]
],
"content": "One way to do it is to use a image atlas. Basically put them all in one image, and then adjust background position to show the right one.\n\nThere's more about the technique here:\nhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS\n\nhttps://www.w3schools.com/css/css_image_sprites.asp",
"sig": "cbbb1f4f751b556465994c06fdcc03e819cdc7dc2520dbffd8bd461382e8b31908e7ac662458be1aaca3546d3cae70002c1a2c6b7250326c0db21471dbd78841"
}