This sample page is to test out how well web browser’s work if a web site tries
to use an image map with an embedded <object> element.
This example code is based on the sample provided by the W3C, under Client-side image map examples.
These examples are to test if the <object> element can
associate the image map to the referenced <object> when the
image map code is enclosed within the <object> element.
Above should be an image of three faces, all of which are clickable. This is done
using an image map and <object> element combined. The
<object> element will place the referenced image in to the web
page, and take the link coordinates and link destination from the image map code
within it, that doubles as a standard navigation list for the fallback.
If the image can’t be loaded, then the fallback should be a list of 3 links, as seen in example 1.2 below.
This seems to fail in IE 8, Safari 3.1.2, Google Chrome 4.0.249.4 and Konqueror 4.1 & 4.3.3 (faces aren’t clickable).
This seems to pass in Opera 9.52, Nintendo Wii Internet Channel and Firefox 3.5.5 (faces are clickable).
Above is an example of the <object> fallback, which deliberately
references a non-existent image, and should be a standard navigation list, with a
square bullet point.
The code is the same as example 1.1, but points to a non-existent image
file, so the <object> element should fallback to the HTML code
within it.
This seems to fail in Safari 3.1.2, Google Chrome 3 and Konqueror 4.1 & 4.3.3 (no list of links appear).
This seems to pass in Firefox 3.5.5*, IE 8, Google Chrome 4.0.249.4, Opera 9.52 and Nintendo Wii Internet Channel (list of links appear as expected).
*Firefox 3.5.5, however, seems to add an odd double line / empty element border to the left of the list of links, which looks out of place.
These examples are to test if the <object> element can
associate the image map to the referenced <object> when the
image map code is not enclosed within the <object> element.
Above should be an image of three faces, all of which are clickable. This is done
using an <object> element, while the image map code is separate.
The <object> element will place the referenced image in to the
web page, and take the link coordinates and link destination from the image map code
that is placed outside of it. The standard navigation list, which contains the
image map code, should appear below.
This seems to fail in IE 8, Safari 3.1.2, Google Chrome 4.0.249.4 and Konqueror 4.1 & 4.3.3 (faces aren’t clickable).
This seems to pass in Opera 9.52, Nintendo Wii Internet Channel and Firefox 3.5.5 (faces are clickable).
Above is an example of the <object> fallback, which deliberately
references a non-existent image, and hence should be blank.
The code is the same as example 2.1, but points to a non-existent image
file, so the <object> element should fallback to the HTML code
within it (which in this case, is nothing). The standard navigation list, which contains the
image map code, should appear below as normal.
This seems to fail in IE 8, Firefox 3.5.5, Safari 3.1.2, Google Chrome 3 and Konqueror 4.3.3 (something appears).
This seems to pass in Google Chrome 4.0.249.4, Opera 9.52, Nintendo Wii Internet Channel and Konqueror 4.1 (nothing appears).
Many thanks to Gérard Talbot for supplying the details of how Konqueror 4.1 & 4.3.3 renders these tests.