stunicholls.com

...exploring the possibilities

Solar image map

12th November 2007

Mercury

Mercury is a lump of rock, barely larger than the Moon
Wikipedia A planet of extremes General Information
Venus

Venus has the densest atmosphere of the terrestrial planets, consisting mostly of carbon dioxide.
Wikipedia General information Earth's twin
Moon

The Moon is the only celestial body that human beings have orbited or landed on
Google Moon Wikipedia General information
Earth

Earth is the third planet from the Sun and the fifth largest:
Wikipedia Earth observatory Planet earth
Sun

The Sun is the most prominent feature in our solar system.
General Information Wikipedia A virtual tour

Information

An image map that uses my very small javascript routine to monitor the mouse clicks. The layout and popup information box is all produced using CSS.

All browsers except IE5.x and IE6 will also have a hover state which highlights the planet, sun or moon.

If IE5.x and IE6 understood combined classes such as 'li.sun.hover' then they too would have had highlighted hover states.

Clicking on any of the 'objects' in the solar map will reveal a pop-up information box with links to further reading. Clicking another 'object' will pop-down the previous information box and reveal the new one. Re-clicking the same 'object' will close that objects information box.

Tested in IE5.5, IE6, IE7, Firefox, Opera, Netscape, Mozilla, Safari (PC) and Safari (iPod Touch).

Download

All the files can be downloaded using the link below, the images are copyrighted so should not be used in your layout. If you are going to use this in your website then please respect my copyright and keep the credits in the stylesheets and javascript.

Download solar_map.zip