Se sama tarve joka on alkuperäisessaä postauksessa eli piilottaa kuvat mikäli ruudun koko on liian pieni. Tämä tarve on tullut itselläni vastaan muutamia kertoja.
Perinteisesti olen tehnyt tämän piilottamalla kuvaelementin CSS:llä, mutta siinä ongelmaksi jää se, että selaimet lataavat joka tapauksessa kuvadatan, vaikkei kuvaa näytettäisi.
Tämän takia olisi näppärää jos source-elementillä voisi olla joku null-arvo, joka kertoisi, että ehtojen täyttyessä minkäänlaista kuvadataa ei ladattaisi.
Minulla on pari omaa web-sovellusta, joita olen käyttänyt ulkomailla. Etenkin syrjäisillä saarilla tai viidakoissa mobiiliyhteydet voivat olla ihan hävyttömän hitaat. Silloin olisi kiva kun voisi suoraan piilottaa kuvat mobiililaitteilla, eikä kuvadataa koskaan ladattaisi.
Epäilemättä tähän lopputulokseen varmasti pääsee jollakin JavaScript-virityksellä, jolloin koko picture-tagi lisätään DOMiin vasta kun sitä oikeasti tarvitaan, mutta sekin tuntuu tarpeettoman monimutkaiselta ja vaatii tietysti toimiakseen JavaScriptin. Picture-elementti tyhjällä sourcella ratkaisisi ongelman nätisti puhtaalla HTML:llä, mutta sellaista vaihtoehtoa ei näyttäisi standardista löytyvän ☺️
Saaste /
npub1yq…ll2jw
2024-05-26 05:20:38
in reply to nevent1q…qvcm
Author Public Key
npub1yq7tnylzex2qtr086rvf903zeg2c3ef2f0phhff2nuwef67nqacsyll2jwPublished at
2024-05-26 05:20:38Event JSON
{
"id": "78cbd2d0ebb68b39f06887bf3cd2fd42ad17d050f2369c85e19bb2ca66d9ba93",
"pubkey": "203cb993e2c994058de7d0d892be22ca1588e52a4bc37ba52a9f1d94ebd30771",
"created_at": 1716700838,
"kind": 1,
"tags": [
[
"p",
"203cb993e2c994058de7d0d892be22ca1588e52a4bc37ba52a9f1d94ebd30771"
],
[
"e",
"97992d67ac3a893c2d3125df6e73e294cee3afd6aa7805525b4de062f4b6efa1",
"",
"reply"
],
[
"p",
"80ed19387d2c49f42a0ad7721bce6fd3bd544485c7879786acffd6e7ac630d8f"
],
[
"e",
"b8bb09e8a8014159dd718350732bb773854b739a99d9d47f0da0ad82d711f3cb",
"",
"root"
],
[
"proxy",
"https://mementomori.social/@saaste/112505706150526726",
"web"
],
[
"proxy",
"https://mementomori.social/users/saaste/statuses/112505706150526726",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mementomori.social/users/saaste/statuses/112505706150526726",
"pink.momostr"
]
],
"content": "Se sama tarve joka on alkuperäisessaä postauksessa eli piilottaa kuvat mikäli ruudun koko on liian pieni. Tämä tarve on tullut itselläni vastaan muutamia kertoja.\n\nPerinteisesti olen tehnyt tämän piilottamalla kuvaelementin CSS:llä, mutta siinä ongelmaksi jää se, että selaimet lataavat joka tapauksessa kuvadatan, vaikkei kuvaa näytettäisi.\n\nTämän takia olisi näppärää jos source-elementillä voisi olla joku null-arvo, joka kertoisi, että ehtojen täyttyessä minkäänlaista kuvadataa ei ladattaisi.\n\nMinulla on pari omaa web-sovellusta, joita olen käyttänyt ulkomailla. Etenkin syrjäisillä saarilla tai viidakoissa mobiiliyhteydet voivat olla ihan hävyttömän hitaat. Silloin olisi kiva kun voisi suoraan piilottaa kuvat mobiililaitteilla, eikä kuvadataa koskaan ladattaisi.\n\nEpäilemättä tähän lopputulokseen varmasti pääsee jollakin JavaScript-virityksellä, jolloin koko picture-tagi lisätään DOMiin vasta kun sitä oikeasti tarvitaan, mutta sekin tuntuu tarpeettoman monimutkaiselta ja vaatii tietysti toimiakseen JavaScriptin. Picture-elementti tyhjällä sourcella ratkaisisi ongelman nätisti puhtaalla HTML:llä, mutta sellaista vaihtoehtoa ei näyttäisi standardista löytyvän ☺️",
"sig": "bc762917dd5b9f49cc64d04703be042861c84a8b6223f2541793262b55106c8a449cf6f1a5c07d56e465f38d09aabdaec7918f0aa3b09cbf1d6e047d4814b358"
}