4 ms·
I am old enough to remember development when image maps were still common for things like headers and big hero homepage navigation images. I'd like to add <inp
by donatj 4y ago
I am old enough to remember development when image maps were still common for things like headers and big hero homepage navigation images.
I'd like to add <input type="image" src="…"> which acts like an img tag and submit button that submits the clicked X and Y essentially as two separate inputs
Here's an MDN example showing X and Y position in GET string on click.
- https://mdn.github.io/learning-area/html/forms/image-type-example/xy-coordinates-example.html https://mdn.github.io/learning-area/html/forms/image-type-ex...
- sebazzz 4y agoTrip down memory lane: Internet Explorer didn’t quite interpret the standard correctly and sent the coordinates as floating point numbers. If you had this input[type=image] on a ASP.NET WebForms page, this then caused ASP.NET WebForms to crash, as it tried to interpret the postback arguments of the X/Y coordinates as integers. I think this was later fixed by patching Internet Explorer.
- dylan604 4y agoTrip down memory lane: Internet Explorer didn’t quite interpret the standard correctly. Full stop. Anything said after this is just using words for vanity ;-)
- yakshaving_jgt 4y agoThis was a fun one: https://jezenthomas.com/you-think-css-in-js-is-bad/ https://jezenthomas.com/you-think-css-in-js-is-bad/
- ttfkam 4y agoAh, CSS expressions. So many memories of making IE6/7 polyfills in 2011. Without CSS expressions and behaviors, wonderful tools like CSS3PIE would never have been possible. https://github.com/lojjic/PIE https://github.com/lojjic/PIE As painful as IE6 and IE7 were in the late 2000s/early 2010s, they were surprisingly polyfillable (at a speed cost).
- inasmuch 4y agoImage maps unlocked expression on the web for me when I was a kid. I enjoyed coding websites, but felt creatively limited by what I knew to be possible with simple HTML and CSS. When I realized I could turn any graphics I made into live web elements without having to fit adjacent pieces into a layout I could simulate with tables, I felt I could finally make a website that reflected my artistic self. I think I published the last version of my personal website that I made with an image map in 2004 or so. I've been trying to think of a good use for one over the last couple years but haven't come up with anything yet. The last really cool image map-based website I remember was Margot's Room by Emily Carroll [1]. Dunno if she coded it, but it's her comic. [1] http://emcarroll.com/comics/margot/index.html http://emcarroll.com/comics/margot/index.html
- stefs 4y agoi remember slicing images into rectangles which could be fit into a table. stole some portrait photograph of a woman, maxed out contrast, color reduction + dithering, then drew the eyes shut and make the open/close frames into gifs with different timings. the result: an image of a women who blinked both eyes independently, without the use of css and js. the outcome wasn't planned, it just happened - but it was so funny i still have to laugh all those years later.
- mejutoco 4y agoChoose prime numbers for the duration of those gifs and they will never close at the same time :)
- cantSpellSober 4y agoThey still are, check out amazon dot com
- flkiwi 4y agoI laughed (affectionately) when I saw image maps. That was a real 1997 moment.
- psyklic 4y agoThe original Space Jam website had some great image maps, e.g. https://www.spacejam.com/1996/cmp/souvenirs/souvenirsframes.html https://www.spacejam.com/1996/cmp/souvenirs/souvenirsframes....
- dopidopHN 4y agoI think using image map to make several area links from the same image was my first actual production of code. Half of it was outputted by dreamweaver 3.0 but it needed a lot of manual touch up.
- deleted 4y ago[deleted]
- ttfkam 4y agoHonestly, once I learned about client-side image maps, I don't think I ever even thought to touch the form-based ones ever again.